shineout 3.7.5 → 3.8.0-beta.2

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.
Files changed (11) hide show
  1. package/cjs/form/form.type.d.ts +1 -6
  2. package/cjs/form/interface.d.ts +1 -1
  3. package/cjs/index.js +1 -1
  4. package/dist/shineout.js +712 -973
  5. package/dist/shineout.js.map +1 -1
  6. package/dist/shineout.min.js +1 -1
  7. package/dist/shineout.min.js.map +1 -1
  8. package/esm/form/form.type.d.ts +1 -6
  9. package/esm/form/interface.d.ts +1 -1
  10. package/esm/index.js +1 -1
  11. package/package.json +9 -9
package/dist/shineout.js CHANGED
@@ -7389,7 +7389,7 @@ var Alert = function Alert(props) {
7389
7389
  if (dismiss === HIDE) {
7390
7390
  return null;
7391
7391
  }
7392
- if (title) {
7392
+ if ('title' in props && title !== undefined) {
7393
7393
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
7394
7394
  className: rootClass
7395
7395
  }, getRootProps()), {}, {
@@ -12234,7 +12234,7 @@ var handleStyle = function handleStyle(style) {
12234
12234
  };
12235
12235
  /* harmony default export */ var jss_style_handleStyle = (handleStyle);
12236
12236
  ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
12237
- /* harmony default export */ var version = ('3.7.5');
12237
+ /* harmony default export */ var version = ('3.8.0-beta.2');
12238
12238
  ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
12239
12239
 
12240
12240
 
@@ -14352,26 +14352,19 @@ var selectTokens = {
14352
14352
  selectIconMarginLeft: 'Spacing-8',
14353
14353
  selectTagMarginY: 'Spacing-2',
14354
14354
  selectTagMarginRight: 'Spacing-4',
14355
- selectTagHeight: 'Line-height-dynamic',
14356
- selectTagLineHeight: 'Line-height-dynamic',
14357
14355
  selectSmallFontSize: 'Font-12',
14358
14356
  selectSmallPaddingX: 'Spacing-8',
14359
14357
  selectSmallPaddingY: 'Spacing-1',
14360
14358
  selectSmallOptionInnerPaddingX: 'Spacing-8',
14361
14359
  selectSmallOptionInnerPaddingY: 'Spacing-2',
14362
- selectSmallTagHeight: 'Size-9',
14363
- selectSmallTagLineHeight: 'Size-8',
14364
14360
  selectLargeFontSize: 'Font-16',
14365
14361
  selectLargePaddingX: 'Spacing-12',
14366
14362
  selectLargePaddingY: 'Spacing-3',
14367
14363
  selectLargeOptionInnerPaddingX: 'Spacing-12',
14368
14364
  selectLargeOptionInnerPaddingY: 'Spacing-8',
14369
14365
  selectLargePlaceholderMarginY: 'Spacing-4',
14370
- selectLargeTagHeight: 'Line-height-dynamic',
14371
- selectLargeTagLineHeight: 'Line-height-dynamic',
14372
14366
  selectInnerPaddingX: 'Spacing-8',
14373
14367
  selectInnerPaddingY: 'Spacing-5',
14374
- selectInnerTitleMarginY: 'Spacing-2',
14375
14368
  selectPlaceholderColor: 'Neutral-text-2',
14376
14369
  selectPlaceholderMarginY: 'Spacing-2',
14377
14370
  selectBackgroundColor: 'Neutral-fill-1',
@@ -17260,7 +17253,6 @@ var useCarouselStyle = styled(carousel_carousel, 'carousel');
17260
17253
 
17261
17254
 
17262
17255
 
17263
-
17264
17256
  var inputBorderToken = {
17265
17257
  lineHeight: src.lineHeightDynamic,
17266
17258
  borderRadius: src.inputBorderRadius,
@@ -17304,12 +17296,6 @@ var inputBorder = input_border('wrapper', inputBorderToken);
17304
17296
  var wrapper = inputBorder.wrapper,
17305
17297
  wrapperDisabled = inputBorder.wrapperDisabled,
17306
17298
  resetWrapper = objectWithoutProperties_default()(inputBorder, ["wrapper", "wrapperDisabled"]);
17307
- var selectTagHeightCssvar = "--select-tag-height";
17308
- var selectSmallTagHeightCssvar = "--select-small-tag-height";
17309
- var selectLargeTagHeightCssvar = "--select-large-tag-height";
17310
- var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
17311
- var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
17312
- var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
17313
17299
  var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17314
17300
  rootClass: {},
17315
17301
  wrapperEmpty: {},
@@ -17319,100 +17305,95 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17319
17305
  width: '100%',
17320
17306
  outline: 'none',
17321
17307
  cursor: 'pointer'
17322
- }, wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, selectTagHeightCssvar, src.selectTagHeight), selectSmallTagHeightCssvar, src.selectSmallTagHeight), selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
17323
- '& $placeholder,$ellipsis,$space,input': {
17324
- marginTop: 0,
17325
- marginBottom: 0
17326
- },
17327
- '& $tag': {
17328
- marginTop: 0,
17329
- marginBottom: src.selectInnerTitleMarginY,
17330
- paddingTop: 0,
17331
- paddingBottom: 0,
17332
- height: selectTagHeight,
17333
- border: 'none',
17334
- '& *': {
17335
- lineHeight: selectTagHeight
17308
+ }, wrapper), {}, {
17309
+ '&$wrapperInnerTitle': {
17310
+ '& $placeholder,$ellipsis,$space,input': {
17311
+ marginTop: 0,
17312
+ marginBottom: 0
17313
+ },
17314
+ '& $tag': {
17315
+ marginTop: 0,
17316
+ paddingTop: 0,
17317
+ paddingBottom: 0,
17318
+ height: src.lineHeightDynamic,
17319
+ border: 'none',
17320
+ '& *': {
17321
+ lineHeight: src.lineHeightDynamic
17322
+ }
17323
+ },
17324
+ '&$wrapperSmall $tag': {
17325
+ height: 18,
17326
+ marginBottom: 2,
17327
+ '&$tag *': {
17328
+ lineHeight: '18px'
17329
+ }
17336
17330
  }
17337
17331
  },
17338
- '&$wrapperSmall $tag': {
17339
- height: selectSmallTagHeight,
17340
- marginBottom: 2,
17341
- '&$tag *': {
17342
- lineHeight: selectSmallTagHeight
17332
+ '&$wrapperSmall': {
17333
+ '& $tag': {
17334
+ height: 18,
17335
+ lineHeight: '16px',
17336
+ marginTop: 1,
17337
+ marginBottom: 1
17338
+ },
17339
+ '& $placeholder,$ellipsis,$space,input': {
17340
+ marginTop: 0,
17341
+ marginBottom: 0
17342
+ },
17343
+ '& $optionInner': {
17344
+ paddingTop: src.cascaderSmallOptionInnerPaddingY,
17345
+ paddingBottom: src.cascaderSmallOptionInnerPaddingY,
17346
+ paddingLeft: src.cascaderSmallOptionInnerPaddingX,
17347
+ // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
17348
+ fontSize: src.cascaderSmallFontSize
17349
+ },
17350
+ '& $clearIcon': {
17351
+ right: src.cascaderSmallPaddingX
17343
17352
  }
17344
17353
  },
17345
- '&$wrapperLarge $tag': {
17346
- height: selectLargeTagHeight,
17347
- marginBottom: 2,
17348
- '&$tag *': {
17349
- lineHeight: selectLargeTagHeight
17354
+ '&$wrapperLarge': {
17355
+ '& $placeholder,$ellipsis,$space,input': {
17356
+ marginTop: src.cascaderLargePlaceholderMarginY,
17357
+ marginBottom: src.cascaderLargePlaceholderMarginY
17358
+ },
17359
+ '& $arrowIcon': {
17360
+ width: src.cascaderLargeFontSize
17361
+ },
17362
+ '& $optionInner': {
17363
+ // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
17364
+ paddingTop: src.cascaderLargeOptionInnerPaddingY,
17365
+ paddingBottom: src.cascaderLargeOptionInnerPaddingY,
17366
+ paddingLeft: src.cascaderLargeOptionInnerPaddingX,
17367
+ fontSize: src.cascaderLargeFontSize
17368
+ },
17369
+ '& $clearIcon': {
17370
+ right: src.cascaderLargePaddingX
17350
17371
  }
17351
- }
17352
- }), '&$wrapperSmall', {
17353
- '& $tag': {
17354
- height: selectSmallTagHeight,
17355
- lineHeight: '16px',
17356
- marginTop: 1,
17357
- marginBottom: 1
17358
17372
  },
17359
- '& $placeholder,$ellipsis,$space,input': {
17360
- marginTop: 0,
17361
- marginBottom: 0
17362
- },
17363
- '& $optionInner': {
17364
- paddingTop: src.cascaderSmallOptionInnerPaddingY,
17365
- paddingBottom: src.cascaderSmallOptionInnerPaddingY,
17366
- paddingLeft: src.cascaderSmallOptionInnerPaddingX,
17367
- // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
17368
- fontSize: src.cascaderSmallFontSize
17369
- },
17370
- '& $clearIcon': {
17371
- right: src.cascaderSmallPaddingX
17372
- }
17373
- }), '&$wrapperLarge', {
17374
- '& $tag': {
17375
- height: selectLargeTagHeight,
17376
- '& *': {
17377
- lineHeight: selectLargeTagHeight
17373
+ // hover
17374
+ '&:hover': objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
17375
+ '& $clearIcon': {
17376
+ display: 'inline-block'
17377
+ },
17378
+ '&$clearable:not($wrapperEmpty)': {
17379
+ '& :not($compressedIcon)$arrowIcon': {
17380
+ display: 'none'
17381
+ },
17382
+ '& $compressedIcon': {
17383
+ display: 'none'
17384
+ }
17378
17385
  }
17386
+ }),
17387
+ '&:has($pickerWrapperShow)': {
17388
+ borderColor: src.cascaderFocusBorderColor
17379
17389
  },
17380
- '& $placeholder,$ellipsis,$space,input': {
17381
- marginTop: src.cascaderLargePlaceholderMarginY,
17382
- marginBottom: src.cascaderLargePlaceholderMarginY
17383
- },
17384
- '& $arrowIcon': {
17385
- width: src.cascaderLargeFontSize
17386
- },
17387
- '& $optionInner': {
17388
- // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
17389
- paddingTop: src.cascaderLargeOptionInnerPaddingY,
17390
- paddingBottom: src.cascaderLargeOptionInnerPaddingY,
17391
- paddingLeft: src.cascaderLargeOptionInnerPaddingX,
17392
- fontSize: src.cascaderLargeFontSize
17393
- },
17394
- '& $clearIcon': {
17395
- right: src.cascaderLargePaddingX
17396
- }
17397
- }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
17398
- '& $clearIcon': {
17399
- display: 'inline-block'
17400
- },
17401
- '&$clearable:not($wrapperEmpty)': {
17402
- '& :not($compressedIcon)$arrowIcon': {
17403
- display: 'none'
17404
- },
17405
- '& $compressedIcon': {
17390
+ // not wrapperFocus
17391
+ '&:not($wrapperFocus)': {
17392
+ '& $clearIcon': {
17406
17393
  display: 'none'
17407
17394
  }
17408
17395
  }
17409
- })), '&:has($pickerWrapperShow)', {
17410
- borderColor: src.cascaderFocusBorderColor
17411
- }), '&:not($wrapperFocus)', {
17412
- '& $clearIcon': {
17413
- display: 'none'
17414
- }
17415
- })),
17396
+ }),
17416
17397
  virtual: {
17417
17398
  '& $filterList': {
17418
17399
  overflow: 'hidden'
@@ -17545,9 +17526,6 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
17545
17526
  },
17546
17527
  compressedWrapper: {
17547
17528
  width: 0,
17548
- overflow: 'hidden'
17549
- },
17550
- compressedBoundWrapper: {
17551
17529
  overflow: 'auto'
17552
17530
  },
17553
17531
  controlMouse: {
@@ -19628,11 +19606,6 @@ var formItemStyle = objectSpread2_default()(objectSpread2_default()({
19628
19606
  top: '2px'
19629
19607
  }
19630
19608
  },
19631
- wrapperHideRequired: {
19632
- '& $label::before': {
19633
- display: 'none'
19634
- }
19635
- },
19636
19609
  wrapperKeepHeight: {
19637
19610
  marginBottom: src.formItemTipMinHeight,
19638
19611
  '&$wrapperTip': {
@@ -22210,9 +22183,7 @@ var setToken = function setToken(options) {
22210
22183
  attributes = _ref.attributes,
22211
22184
  onlyExtra = _ref.onlyExtra,
22212
22185
  update = _ref.update,
22213
- customExtraToken = _ref.extraToken,
22214
- _ref$ignoreExtra = _ref.ignoreExtra,
22215
- ignoreExtra = _ref$ignoreExtra === void 0 ? false : _ref$ignoreExtra;
22186
+ customExtraToken = _ref.extraToken;
22216
22187
  var _getConfig = getConfig(),
22217
22188
  prefix = _getConfig.prefix;
22218
22189
  if (typeof window === 'undefined') return;
@@ -22251,7 +22222,7 @@ var setToken = function setToken(options) {
22251
22222
  tag.setAttribute('data-token', tokenName || '');
22252
22223
  tag.setAttribute('data-token-id', id);
22253
22224
  tag.setAttribute('data-token-selector', selector);
22254
- tag.innerHTML = ignoreExtra ? "".concat(selector, " {").concat(tokens.join(';'), "}") : "".concat(selector, " {").concat(tokens.concat(extraToken).join(';'), "}");
22225
+ tag.innerHTML = "".concat(selector, " {").concat(tokens.concat(extraToken).join(';'), "}");
22255
22226
  if (!target) {
22256
22227
  document.head.appendChild(tag);
22257
22228
  return;
@@ -22421,16 +22392,301 @@ var PaginationStyle = {
22421
22392
  var usePaginationStyle = styled(pagination_pagination, 'pagination');
22422
22393
 
22423
22394
  /* harmony default export */ var shineout_style_src_pagination = ((/* unused pure expression or super */ null && (usePaginationStyle)));
22395
+ ;// CONCATENATED MODULE: ../shineout-style/src/tooltip/tooltip.ts
22396
+
22397
+
22398
+ var arrowGap = 12;
22399
+ var arrowHeight = 8;
22400
+ var tooltipAnimation = {
22401
+ '@keyframes fadeIn': {
22402
+ '0%': {
22403
+ opacity: 0
22404
+ },
22405
+ '100%': {
22406
+ opacity: 1
22407
+ }
22408
+ },
22409
+ '@keyframes moveRight': {
22410
+ '0%': {
22411
+ transformOrigin: 'left center',
22412
+ transform: "var(--soui-popup-transform) scale(0.5)"
22413
+ },
22414
+ '100%': {
22415
+ transformOrigin: 'left center',
22416
+ transform: "var(--soui-popup-transform) scale(1)"
22417
+ }
22418
+ },
22419
+ '@keyframes moveLeft': {
22420
+ '0%': {
22421
+ transformOrigin: 'right center',
22422
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
22423
+ },
22424
+ '100%': {
22425
+ transformOrigin: 'right center',
22426
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
22427
+ }
22428
+ },
22429
+ '@keyframes moveTop': {
22430
+ '0%': {
22431
+ transformOrigin: 'center bottom',
22432
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
22433
+ },
22434
+ '100%': {
22435
+ transformOrigin: 'center bottom',
22436
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
22437
+ }
22438
+ },
22439
+ '@keyframes moveBottom': {
22440
+ '0%': {
22441
+ transformOrigin: 'center top',
22442
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(0.5)"
22443
+ },
22444
+ '100%': {
22445
+ transformOrigin: 'center top',
22446
+ transform: "var(--soui-popup-transform, rotate(0deg)) scale(1)"
22447
+ }
22448
+ }
22449
+ };
22450
+ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
22451
+ rootClass: {}
22452
+ }, tooltipAnimation), {}, {
22453
+ wrapper: {
22454
+ display: 'none',
22455
+ cursor: 'pointer',
22456
+ position: 'absolute',
22457
+ backgroundColor: src.tooltipBackgroundColor,
22458
+ borderRadius: src.tooltipBorderRadius,
22459
+ boxShadow: src.tooltipShadow,
22460
+ color: src.tooltipColor,
22461
+ wordWrap: 'break-word',
22462
+ pointerEvents: 'none',
22463
+ '--tooltip-background-color': src.tooltipBackgroundColor,
22464
+ '&[data-soui-type^="light"]': {
22465
+ backgroundColor: src.tooltipLightBackgroundColor,
22466
+ color: src.tooltipLightColor,
22467
+ border: "1px solid ".concat(src.tooltipLightBorderColor),
22468
+ boxSizing: 'border-box',
22469
+ '--tooltip-background-color': src.tooltipLightBackgroundColor,
22470
+ '&[data-soui-position^="top"] $arrow': {
22471
+ transform: 'translate(0, -1px) rotate(-180deg)'
22472
+ },
22473
+ '&[data-soui-position^="bottom"] $arrow': {
22474
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
22475
+ }
22476
+ },
22477
+ '&[data-soui-type^="primary"]': {
22478
+ backgroundColor: src.tooltipPrimaryBackgroundColor,
22479
+ color: src.tooltipPrimaryColor,
22480
+ '--tooltip-background-color': src.tooltipPrimaryBackgroundColor
22481
+ },
22482
+ '&[data-soui-type^="success"]': {
22483
+ backgroundColor: src.tooltipSuccessBackgroundColor,
22484
+ color: src.tooltipSuccessColor,
22485
+ '--tooltip-background-color': src.tooltipSuccessBackgroundColor
22486
+ },
22487
+ '&[data-soui-type^="warning"]': {
22488
+ backgroundColor: src.tooltipWarningBackgroundColor,
22489
+ color: src.tooltipWarningColor,
22490
+ '--tooltip-background-color': src.tooltipWarningBackgroundColor
22491
+ },
22492
+ '&[data-soui-type^="danger"]': {
22493
+ backgroundColor: src.tooltipDangerBackgroundColor,
22494
+ color: src.tooltipDangerColor,
22495
+ '--tooltip-background-color': src.tooltipDangerBackgroundColor
22496
+ },
22497
+ '&[data-soui-position^="bottom"]': {
22498
+ marginTop: arrowGap - 2
22499
+ },
22500
+ '&[data-soui-position="bottom"]': {
22501
+ '& $arrow': {
22502
+ left: '50%',
22503
+ transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
22504
+ }
22505
+ },
22506
+ '&[data-soui-position="bottom-left"]': {
22507
+ '& $arrow': {
22508
+ left: 8,
22509
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
22510
+ }
22511
+ },
22512
+ '&[data-soui-position="bottom-right"]': {
22513
+ '& $arrow': {
22514
+ right: 8,
22515
+ transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
22516
+ }
22517
+ },
22518
+ '&[data-soui-position^="top"]': {
22519
+ marginTop: (arrowGap - 2) * -1,
22520
+ '& $arrow': {
22521
+ top: '100%'
22522
+ }
22523
+ },
22524
+ '&[data-soui-position="top"]': {
22525
+ '& $arrow': {
22526
+ left: '50%',
22527
+ transform: 'translate(-50%, -1px) rotate(-180deg)'
22528
+ }
22529
+ },
22530
+ '&[data-soui-position="top-left"]': {
22531
+ '& $arrow': {
22532
+ left: 8,
22533
+ transform: 'translate(0, -1px) rotate(-180deg)'
22534
+ }
22535
+ },
22536
+ '&[data-soui-position="top-right"]': {
22537
+ '& $arrow': {
22538
+ right: 8,
22539
+ transform: 'translate(0, -1px) rotate(-180deg)'
22540
+ }
22541
+ },
22542
+ '&[data-soui-position^="left"]': {
22543
+ '&[dir=ltr]': {
22544
+ marginRight: arrowGap - 2
22545
+ },
22546
+ '&[dir=rtl]': {
22547
+ 'margin-right': arrowGap - 2
22548
+ }
22549
+ },
22550
+ '&[data-soui-position="left"]': {
22551
+ '& $arrow': {
22552
+ right: 0,
22553
+ top: '50%',
22554
+ transform: 'translate(11px, -50%) rotate(90deg)',
22555
+ transformOrigin: 'center center'
22556
+ }
22557
+ },
22558
+ '&[data-soui-position="left-top"]': {
22559
+ '& $arrow': {
22560
+ right: 0,
22561
+ top: 8,
22562
+ transform: 'translate(11px, 0) rotate(90deg)',
22563
+ transformOrigin: 'center center'
22564
+ }
22565
+ },
22566
+ '&[data-soui-position="left-bottom"]': {
22567
+ '& $arrow': {
22568
+ right: 0,
22569
+ bottom: 8,
22570
+ transform: 'translate(11px, 0) rotate(90deg)',
22571
+ transformOrigin: 'center center'
22572
+ }
22573
+ },
22574
+ '&[data-soui-position^="right"]': {
22575
+ '&[dir=ltr]': {
22576
+ marginLeft: arrowGap - 2
22577
+ },
22578
+ '&[dir=rtl]': {
22579
+ marginRight: arrowGap - 2
22580
+ }
22581
+ },
22582
+ '&[data-soui-position="right"]': {
22583
+ '& $arrow': {
22584
+ top: '50%',
22585
+ left: 0,
22586
+ transform: 'translate(-11px, -50%) rotate(-90deg)'
22587
+ }
22588
+ },
22589
+ '&[data-soui-position="right-top"]': {
22590
+ '& $arrow': {
22591
+ top: 8,
22592
+ left: 0,
22593
+ transform: 'translate(-11px, 0) rotate(-90deg)'
22594
+ }
22595
+ },
22596
+ '&[data-soui-position="right-bottom"]': {
22597
+ '& $arrow': {
22598
+ bottom: 8,
22599
+ left: 0,
22600
+ transform: 'translate(-11px, 0) rotate(-90deg)'
22601
+ }
22602
+ }
22603
+ },
22604
+ wrapperOpen: {
22605
+ display: 'block',
22606
+ '&::after': {
22607
+ content: '""',
22608
+ display: 'block',
22609
+ position: 'absolute'
22610
+ },
22611
+ '&[data-soui-position^="bottom"]': {
22612
+ animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)',
22613
+ '&::after': {
22614
+ width: '100%',
22615
+ height: arrowGap,
22616
+ top: 0,
22617
+ transform: 'translateY(-100%)'
22618
+ }
22619
+ },
22620
+ '&[data-soui-position^="top"]': {
22621
+ animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
22622
+ '&::after': {
22623
+ width: '100%',
22624
+ height: arrowGap,
22625
+ bottom: 0,
22626
+ transform: 'translateY(100%)'
22627
+ }
22628
+ },
22629
+ '&[data-soui-position^="left"]': {
22630
+ animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
22631
+ '&::after': {
22632
+ width: arrowGap,
22633
+ height: '100%',
22634
+ top: 0,
22635
+ right: 0,
22636
+ transform: 'translateX(100%)'
22637
+ }
22638
+ },
22639
+ '&[data-soui-position^="right"]': {
22640
+ animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);',
22641
+ '&::after': {
22642
+ width: arrowGap,
22643
+ height: '100%',
22644
+ top: 0,
22645
+ left: 0,
22646
+ transform: 'translateX(-100%)'
22647
+ }
22648
+ }
22649
+ },
22650
+ target: {
22651
+ display: 'inline-block'
22652
+ },
22653
+ arrow: {
22654
+ zIndex: 1,
22655
+ position: 'absolute',
22656
+ overflow: 'hidden',
22657
+ width: arrowHeight * 2,
22658
+ height: arrowHeight,
22659
+ pointerEvents: 'none',
22660
+ transformOrigin: 'center center',
22661
+ transform: 'translateY(calc(100% + 1px)) rotate(-180deg)',
22662
+ '&::before': {
22663
+ display: 'block',
22664
+ content: '""',
22665
+ bottom: 0,
22666
+ width: '100%',
22667
+ height: '100%',
22668
+ backgroundColor: 'var(--tooltip-background-color)',
22669
+ clipPath: "path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')"
22670
+ }
22671
+ },
22672
+ content: {
22673
+ padding: "".concat(src.tooltipPaddingY, " ").concat(src.tooltipPaddingX),
22674
+ fontSize: src.tooltipFontSize
22675
+ }
22676
+ });
22677
+ /* harmony default export */ var tooltip_tooltip = (tooltipStyle);
22424
22678
  ;// CONCATENATED MODULE: ../shineout-style/src/popover/popover.ts
22425
22679
 
22426
22680
 
22681
+
22682
+
22427
22683
  var popover_cssvar = '--popover-arrow-gap';
22428
22684
  var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
22429
22685
  var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
22430
22686
  var arrowMargin = '8px';
22431
22687
  var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
22432
22688
  var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
22433
- var popoverStyle = {
22689
+ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAnimation), {}, {
22434
22690
  rootClass: {},
22435
22691
  wrapper: {
22436
22692
  display: 'none',
@@ -22591,7 +22847,19 @@ var popoverStyle = {
22591
22847
  }
22592
22848
  },
22593
22849
  wrapperOpen: {
22594
- display: 'block'
22850
+ display: 'block',
22851
+ '&[data-soui-position^="bottom"]': {
22852
+ animation: '$fadeIn 200ms ease, $moveBottom 200ms cubic-bezier(0.22, 0.61, 0.36, 1)'
22853
+ },
22854
+ '&[data-soui-position^="top"]': {
22855
+ animation: '$fadeIn 200ms ease, $moveTop 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
22856
+ },
22857
+ '&[data-soui-position^="left"]': {
22858
+ animation: '$fadeIn 200ms ease, $moveLeft 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
22859
+ },
22860
+ '&[data-soui-position^="right"]': {
22861
+ animation: '$fadeIn 200ms ease, $moveRight 200ms cubic-bezier(0.22, 0.61, 0.36, 1);'
22862
+ }
22595
22863
  },
22596
22864
  arrow: {},
22597
22865
  hideArrow: {},
@@ -22623,7 +22891,7 @@ var popoverStyle = {
22623
22891
  footer: {
22624
22892
  textAlign: 'right'
22625
22893
  }
22626
- };
22894
+ });
22627
22895
  /* harmony default export */ var popover_popover = (popoverStyle);
22628
22896
  ;// CONCATENATED MODULE: ../shineout-style/src/popover/index.ts
22629
22897
 
@@ -23136,7 +23404,6 @@ var useRateStyle = styled(rate_rate, 'rate');
23136
23404
 
23137
23405
 
23138
23406
 
23139
-
23140
23407
  var select_inputBorderToken = {
23141
23408
  lineHeight: src.lineHeightDynamic,
23142
23409
  borderRadius: src.inputBorderRadius,
@@ -23180,12 +23447,6 @@ var select_inputBorder = input_border('wrapper', select_inputBorderToken);
23180
23447
  var select_wrapper = select_inputBorder.wrapper,
23181
23448
  select_wrapperDisabled = select_inputBorder.wrapperDisabled,
23182
23449
  select_resetWrapper = objectWithoutProperties_default()(select_inputBorder, ["wrapper", "wrapperDisabled"]);
23183
- var select_selectTagHeightCssvar = "--select-tag-height";
23184
- var select_selectSmallTagHeightCssvar = "--select-small-tag-height";
23185
- var select_selectLargeTagHeightCssvar = "--select-large-tag-height";
23186
- var select_selectTagHeight = "var(".concat(select_selectTagHeightCssvar, ")");
23187
- var select_selectSmallTagHeight = "var(".concat(select_selectSmallTagHeightCssvar, ")");
23188
- var select_selectLargeTagHeight = "var(".concat(select_selectLargeTagHeightCssvar, ")");
23189
23450
  var selectStyle = objectSpread2_default()(objectSpread2_default()({
23190
23451
  rootClass: {},
23191
23452
  wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -23194,76 +23455,68 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
23194
23455
  width: '100%',
23195
23456
  outline: 'none',
23196
23457
  cursor: 'pointer'
23197
- }, select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, select_selectTagHeightCssvar, src.selectTagHeight), select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
23198
- '& $placeholder,$ellipsis,$space,input': {
23199
- marginTop: 0,
23200
- marginBottom: 0
23201
- },
23202
- '& $tag': {
23203
- marginTop: 0,
23204
- marginBottom: src.selectInnerTitleMarginY,
23205
- paddingTop: 0,
23206
- paddingBottom: 0,
23207
- height: select_selectTagHeight,
23208
- border: 'none',
23209
- '& *': {
23210
- lineHeight: select_selectTagHeight
23458
+ }, select_wrapper), {}, {
23459
+ '&$wrapperInnerTitle': {
23460
+ '& $placeholder,$ellipsis,$space,input': {
23461
+ marginTop: 0,
23462
+ marginBottom: 0
23463
+ },
23464
+ '& $tag': {
23465
+ marginTop: 0,
23466
+ paddingTop: 0,
23467
+ paddingBottom: 0,
23468
+ height: src.lineHeightDynamic,
23469
+ border: 'none',
23470
+ '& *': {
23471
+ lineHeight: src.lineHeightDynamic
23472
+ }
23473
+ },
23474
+ '&$wrapperSmall $tag': {
23475
+ height: 18,
23476
+ marginBottom: 2,
23477
+ '&$tag *': {
23478
+ lineHeight: '18px'
23479
+ }
23211
23480
  }
23212
23481
  },
23213
- '&$wrapperSmall $tag': {
23214
- height: select_selectSmallTagHeight,
23215
- marginBottom: 2,
23216
- '&$tag *': {
23217
- lineHeight: select_selectSmallTagHeight
23482
+ '&$wrapperSmall': {
23483
+ '& $tag': {
23484
+ height: 18,
23485
+ lineHeight: '16px',
23486
+ marginTop: 1,
23487
+ marginBottom: 1
23488
+ },
23489
+ '& $placeholder,$ellipsis,$space,input': {
23490
+ marginTop: 0,
23491
+ marginBottom: 0
23218
23492
  }
23219
23493
  },
23220
- '&$wrapperLarge $tag': {
23221
- height: select_selectLargeTagHeight,
23222
- marginBottom: 2,
23223
- '&$tag *': {
23224
- lineHeight: select_selectLargeTagHeight
23494
+ '&$wrapperLarge': {
23495
+ '& $placeholder,$ellipsis,$space,input': {
23496
+ marginTop: src.selectLargePlaceholderMarginY,
23497
+ marginBottom: src.selectLargePlaceholderMarginY
23498
+ },
23499
+ '& $arrowIcon': {
23500
+ width: src.selectLargeFontSize
23225
23501
  }
23226
- }
23227
- }), '&$wrapperSmall', {
23228
- '& $tag': {
23229
- height: select_selectSmallTagHeight,
23230
- lineHeight: '16px',
23231
- marginTop: 1,
23232
- marginBottom: 1
23233
23502
  },
23234
- '& $placeholder,$ellipsis,$space,input': {
23235
- marginTop: 0,
23236
- marginBottom: 0
23237
- }
23238
- }), '&$wrapperLarge', {
23239
- '& $tag': {
23240
- height: select_selectLargeTagHeight,
23241
- '& *': {
23242
- lineHeight: select_selectLargeTagHeight
23503
+ '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
23504
+ cursor: 'pointer',
23505
+ '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
23506
+ '& $clearIcon': {
23507
+ display: 'block'
23508
+ },
23509
+ '& $arrowIcon': {
23510
+ display: 'none'
23511
+ }
23243
23512
  }
23244
- },
23245
- '& $placeholder,$ellipsis,$space,input': {
23246
- marginTop: src.selectLargePlaceholderMarginY,
23247
- marginBottom: src.selectLargePlaceholderMarginY
23248
- },
23249
- '& $arrowIcon': {
23250
- width: src.selectLargeFontSize
23251
- }
23252
- }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
23253
- cursor: 'pointer',
23254
- '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
23513
+ }),
23514
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
23255
23515
  '& $clearIcon': {
23256
- display: 'block'
23257
- },
23258
- '& $arrowIcon': {
23259
23516
  display: 'none'
23260
23517
  }
23261
23518
  }
23262
- })), '&:not($wrapperEmpty):not($wrapperOpen)', {
23263
- '& $clearIcon': {
23264
- display: 'none'
23265
- }
23266
- })),
23519
+ }),
23267
23520
  wrapperEmpty: {},
23268
23521
  wrapperOpen: {},
23269
23522
  wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
@@ -23392,9 +23645,6 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
23392
23645
  },
23393
23646
  compressedWrapper: {
23394
23647
  width: 0,
23395
- overflow: 'hidden'
23396
- },
23397
- compressedBoundWrapper: {
23398
23648
  overflow: 'auto'
23399
23649
  },
23400
23650
  controlMouse: {
@@ -23746,6 +23996,8 @@ var useSelectStyle = styled(src_select_select, 'select');
23746
23996
  /* harmony default export */ var shineout_style_src_select = ((/* unused pure expression or super */ null && (useSelectStyle)));
23747
23997
  ;// CONCATENATED MODULE: ../shineout-style/src/skeleton/skeleton.ts
23748
23998
 
23999
+ // import token from '@sheinx/theme';
24000
+
23749
24001
 
23750
24002
  var skeleton_animation = {
23751
24003
  '@keyframes skeleton-animation': {
@@ -23764,7 +24016,7 @@ var skeletonStyle = objectSpread2_default()(objectSpread2_default()({}, skeleton
23764
24016
  },
23765
24017
  animation: {
23766
24018
  '& $textItem, & $image, & $buttonItem': {
23767
- backgroundImage: "linear-gradient(90deg, ".concat(src.skeletonAnimationFromColor, " 25%, ").concat(src.skeletonAnimationToColor, " 37%, ").concat(src.skeletonAnimationFromColor, " 63%)"),
24019
+ background: "linear-gradient(90deg, ".concat(src.skeletonAnimationFromColor, " 25%, ").concat(src.skeletonAnimationToColor, " 37%, ").concat(src.skeletonAnimationFromColor, " 63%)"),
23768
24020
  backgroundSize: '400% 100%',
23769
24021
  animation: '$skeleton-animation 1.4s ease infinite'
23770
24022
  }
@@ -27548,8 +27800,7 @@ var TagStyle = {
27548
27800
  alignItems: 'center',
27549
27801
  display: 'inline-flex',
27550
27802
  cursor: 'pointer',
27551
- height: src.lineHeightDynamic,
27552
- maxHeight: '100%'
27803
+ height: src.lineHeightDynamic
27553
27804
  },
27554
27805
  closeIconWrapper: {
27555
27806
  display: 'inline-flex',
@@ -27733,287 +27984,6 @@ var textarea_input = objectSpread2_default()(objectSpread2_default()(objectSprea
27733
27984
  var useTextareaStyle = styled(src_textarea_textarea, 'textarea');
27734
27985
 
27735
27986
  /* harmony default export */ var shineout_style_src_textarea = ((/* unused pure expression or super */ null && (useTextareaStyle)));
27736
- ;// CONCATENATED MODULE: ../shineout-style/src/tooltip/tooltip.ts
27737
-
27738
-
27739
- var arrowGap = 12;
27740
- var arrowHeight = 8;
27741
- var tooltip_animation = {
27742
- '@keyframes fadeIn': {
27743
- '0%': {
27744
- opacity: 0
27745
- },
27746
- '100%': {
27747
- opacity: 1
27748
- }
27749
- },
27750
- '@keyframes moveRight': {
27751
- '0%': {
27752
- marginLeft: '0'
27753
- },
27754
- '100%': {
27755
- marginLeft: '9px'
27756
- }
27757
- },
27758
- '@keyframes moveLeft': {
27759
- '0%': {
27760
- opacity: 0,
27761
- marginRight: '0'
27762
- },
27763
- '100%': {
27764
- opacity: 1,
27765
- marginRight: '10px'
27766
- }
27767
- },
27768
- '@keyframes moveTop': {
27769
- '0%': {
27770
- opacity: 0,
27771
- marginTop: '0'
27772
- },
27773
- '100%': {
27774
- opacity: 1,
27775
- marginTop: -10
27776
- }
27777
- },
27778
- '@keyframes moveBottom': {
27779
- '0%': {
27780
- opacity: 0,
27781
- marginTop: '0'
27782
- },
27783
- '100%': {
27784
- opacity: 1,
27785
- marginTop: 10
27786
- }
27787
- }
27788
- };
27789
- var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
27790
- rootClass: {}
27791
- }, tooltip_animation), {}, {
27792
- wrapper: {
27793
- display: 'none',
27794
- cursor: 'pointer',
27795
- position: 'absolute',
27796
- backgroundColor: src.tooltipBackgroundColor,
27797
- borderRadius: src.tooltipBorderRadius,
27798
- boxShadow: src.tooltipShadow,
27799
- color: src.tooltipColor,
27800
- wordWrap: 'break-word',
27801
- pointerEvents: 'none',
27802
- '--tooltip-background-color': src.tooltipBackgroundColor,
27803
- '&[data-soui-type^="light"]': {
27804
- backgroundColor: src.tooltipLightBackgroundColor,
27805
- color: src.tooltipLightColor,
27806
- border: "1px solid ".concat(src.tooltipLightBorderColor),
27807
- boxSizing: 'border-box',
27808
- '--tooltip-background-color': src.tooltipLightBackgroundColor,
27809
- '&[data-soui-position^="top"] $arrow': {
27810
- transform: 'translate(0, -1px) rotate(-180deg)'
27811
- },
27812
- '&[data-soui-position^="bottom"] $arrow': {
27813
- transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
27814
- }
27815
- },
27816
- '&[data-soui-type^="primary"]': {
27817
- backgroundColor: src.tooltipPrimaryBackgroundColor,
27818
- color: src.tooltipPrimaryColor,
27819
- '--tooltip-background-color': src.tooltipPrimaryBackgroundColor
27820
- },
27821
- '&[data-soui-type^="success"]': {
27822
- backgroundColor: src.tooltipSuccessBackgroundColor,
27823
- color: src.tooltipSuccessColor,
27824
- '--tooltip-background-color': src.tooltipSuccessBackgroundColor
27825
- },
27826
- '&[data-soui-type^="warning"]': {
27827
- backgroundColor: src.tooltipWarningBackgroundColor,
27828
- color: src.tooltipWarningColor,
27829
- '--tooltip-background-color': src.tooltipWarningBackgroundColor
27830
- },
27831
- '&[data-soui-type^="danger"]': {
27832
- backgroundColor: src.tooltipDangerBackgroundColor,
27833
- color: src.tooltipDangerColor,
27834
- '--tooltip-background-color': src.tooltipDangerBackgroundColor
27835
- },
27836
- '&[data-soui-position^="bottom"]': {
27837
- marginTop: arrowGap - 2
27838
- },
27839
- '&[data-soui-position="bottom"]': {
27840
- '& $arrow': {
27841
- left: '50%',
27842
- transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
27843
- }
27844
- },
27845
- '&[data-soui-position="bottom-left"]': {
27846
- '& $arrow': {
27847
- left: 8,
27848
- transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
27849
- }
27850
- },
27851
- '&[data-soui-position="bottom-right"]': {
27852
- '& $arrow': {
27853
- right: 8,
27854
- transform: 'translate(0, calc(-100% + 1px)) rotate(0deg)'
27855
- }
27856
- },
27857
- '&[data-soui-position^="top"]': {
27858
- marginTop: (arrowGap - 2) * -1,
27859
- '& $arrow': {
27860
- top: '100%'
27861
- }
27862
- },
27863
- '&[data-soui-position="top"]': {
27864
- '& $arrow': {
27865
- left: '50%',
27866
- transform: 'translate(-50%, -1px) rotate(-180deg)'
27867
- }
27868
- },
27869
- '&[data-soui-position="top-left"]': {
27870
- '& $arrow': {
27871
- left: 8,
27872
- transform: 'translate(0, -1px) rotate(-180deg)'
27873
- }
27874
- },
27875
- '&[data-soui-position="top-right"]': {
27876
- '& $arrow': {
27877
- right: 8,
27878
- transform: 'translate(0, -1px) rotate(-180deg)'
27879
- }
27880
- },
27881
- '&[data-soui-position^="left"]': {
27882
- '&[dir=ltr]': {
27883
- marginRight: arrowGap - 2
27884
- },
27885
- '&[dir=rtl]': {
27886
- 'margin-right': arrowGap - 2
27887
- }
27888
- },
27889
- '&[data-soui-position="left"]': {
27890
- '& $arrow': {
27891
- right: 0,
27892
- top: '50%',
27893
- transform: 'translate(11px, -50%) rotate(90deg)',
27894
- transformOrigin: 'center center'
27895
- }
27896
- },
27897
- '&[data-soui-position="left-top"]': {
27898
- '& $arrow': {
27899
- right: 0,
27900
- top: 8,
27901
- transform: 'translate(11px, 0) rotate(90deg)',
27902
- transformOrigin: 'center center'
27903
- }
27904
- },
27905
- '&[data-soui-position="left-bottom"]': {
27906
- '& $arrow': {
27907
- right: 0,
27908
- bottom: 8,
27909
- transform: 'translate(11px, 0) rotate(90deg)',
27910
- transformOrigin: 'center center'
27911
- }
27912
- },
27913
- '&[data-soui-position^="right"]': {
27914
- '&[dir=ltr]': {
27915
- marginLeft: arrowGap - 2
27916
- },
27917
- '&[dir=rtl]': {
27918
- marginRight: arrowGap - 2
27919
- }
27920
- },
27921
- '&[data-soui-position="right"]': {
27922
- '& $arrow': {
27923
- top: '50%',
27924
- left: 0,
27925
- transform: 'translate(-11px, -50%) rotate(-90deg)'
27926
- }
27927
- },
27928
- '&[data-soui-position="right-top"]': {
27929
- '& $arrow': {
27930
- top: 8,
27931
- left: 0,
27932
- transform: 'translate(-11px, 0) rotate(-90deg)'
27933
- }
27934
- },
27935
- '&[data-soui-position="right-bottom"]': {
27936
- '& $arrow': {
27937
- bottom: 8,
27938
- left: 0,
27939
- transform: 'translate(-11px, 0) rotate(-90deg)'
27940
- }
27941
- }
27942
- },
27943
- wrapperOpen: {
27944
- display: 'block',
27945
- '&::after': {
27946
- content: '""',
27947
- display: 'block',
27948
- position: 'absolute'
27949
- },
27950
- '&[data-soui-position^="bottom"]': {
27951
- animation: '$fadeIn .3s ease, $moveBottom .3s cubic-bezier(.71,1.7,.77,1.24);',
27952
- '&::after': {
27953
- width: '100%',
27954
- height: arrowGap,
27955
- top: 0,
27956
- transform: 'translateY(-100%)'
27957
- }
27958
- },
27959
- '&[data-soui-position^="top"]': {
27960
- animation: '$fadeIn .3s ease, $moveTop .3s cubic-bezier(.71,1.7,.77,1.24);',
27961
- '&::after': {
27962
- width: '100%',
27963
- height: arrowGap,
27964
- bottom: 0,
27965
- transform: 'translateY(100%)'
27966
- }
27967
- },
27968
- '&[data-soui-position^="left"]': {
27969
- animation: '$fadeIn .3s ease, $moveLeft .3s cubic-bezier(.71,1.7,.77,1.24);',
27970
- '&::after': {
27971
- width: arrowGap,
27972
- height: '100%',
27973
- top: 0,
27974
- right: 0,
27975
- transform: 'translateX(100%)'
27976
- }
27977
- },
27978
- '&[data-soui-position^="right"]': {
27979
- animation: '$fadeIn .3s ease, $moveRight .3s cubic-bezier(.71,1.7,.77,1.24);',
27980
- '&::after': {
27981
- width: arrowGap,
27982
- height: '100%',
27983
- top: 0,
27984
- left: 0,
27985
- transform: 'translateX(-100%)'
27986
- }
27987
- }
27988
- },
27989
- target: {
27990
- display: 'inline-block'
27991
- },
27992
- arrow: {
27993
- zIndex: 1,
27994
- position: 'absolute',
27995
- overflow: 'hidden',
27996
- width: arrowHeight * 2,
27997
- height: arrowHeight,
27998
- pointerEvents: 'none',
27999
- transformOrigin: 'center center',
28000
- transform: 'translateY(calc(100% + 1px)) rotate(-180deg)',
28001
- '&::before': {
28002
- display: 'block',
28003
- content: '""',
28004
- bottom: 0,
28005
- width: '100%',
28006
- height: '100%',
28007
- backgroundColor: 'var(--tooltip-background-color)',
28008
- clipPath: "path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z')"
28009
- }
28010
- },
28011
- content: {
28012
- padding: "".concat(src.tooltipPaddingY, " ").concat(src.tooltipPaddingX),
28013
- fontSize: src.tooltipFontSize
28014
- }
28015
- });
28016
- /* harmony default export */ var tooltip_tooltip = (tooltipStyle);
28017
27987
  ;// CONCATENATED MODULE: ../shineout-style/src/tooltip/index.ts
28018
27988
 
28019
27989
 
@@ -28717,12 +28687,6 @@ var tree_select_inputBorder = input_border('wrapper', tree_select_inputBorderTok
28717
28687
  var tree_select_wrapper = tree_select_inputBorder.wrapper,
28718
28688
  tree_select_wrapperDisabled = tree_select_inputBorder.wrapperDisabled,
28719
28689
  tree_select_resetWrapper = objectWithoutProperties_default()(tree_select_inputBorder, ["wrapper", "wrapperDisabled"]);
28720
- var tree_select_selectTagHeightCssvar = "--select-tag-height";
28721
- var tree_select_selectSmallTagHeightCssvar = "--select-small-tag-height";
28722
- var tree_select_selectLargeTagHeightCssvar = "--select-large-tag-height";
28723
- var tree_select_selectTagHeight = "var(".concat(tree_select_selectTagHeightCssvar, ")");
28724
- var tree_select_selectSmallTagHeight = "var(".concat(tree_select_selectSmallTagHeightCssvar, ")");
28725
- var tree_select_selectLargeTagHeight = "var(".concat(tree_select_selectLargeTagHeightCssvar, ")");
28726
28690
  var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
28727
28691
  rootClass: {},
28728
28692
  wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -28731,96 +28695,88 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
28731
28695
  width: '100%',
28732
28696
  outline: 'none',
28733
28697
  cursor: 'pointer'
28734
- }, tree_select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tree_select_selectTagHeightCssvar, src.selectTagHeight), tree_select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), tree_select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
28735
- '& $placeholder,$ellipsis,$space,input': {
28736
- marginTop: 0,
28737
- marginBottom: 0
28738
- },
28739
- '& $tag': {
28740
- marginTop: 0,
28741
- marginBottom: src.selectInnerTitleMarginY,
28742
- paddingTop: 0,
28743
- paddingBottom: 0,
28744
- height: tree_select_selectTagHeight,
28745
- border: 'none',
28746
- '& *': {
28747
- lineHeight: tree_select_selectTagHeight
28698
+ }, tree_select_wrapper), {}, {
28699
+ '&$wrapperInnerTitle': {
28700
+ '& $placeholder,$ellipsis,$space,input': {
28701
+ marginTop: 0,
28702
+ marginBottom: 0
28703
+ },
28704
+ '& $tag': {
28705
+ marginTop: 0,
28706
+ paddingTop: 0,
28707
+ paddingBottom: 0,
28708
+ height: src.lineHeightDynamic,
28709
+ border: 'none',
28710
+ '& *': {
28711
+ lineHeight: src.lineHeightDynamic
28712
+ }
28713
+ },
28714
+ '&$wrapperSmall $tag': {
28715
+ height: 18,
28716
+ marginBottom: 2,
28717
+ '&$tag *': {
28718
+ lineHeight: '18px'
28719
+ }
28748
28720
  }
28749
28721
  },
28750
- '&$wrapperSmall $tag': {
28751
- height: tree_select_selectSmallTagHeight,
28752
- marginBottom: 2,
28753
- '&$tag *': {
28754
- lineHeight: tree_select_selectSmallTagHeight
28722
+ '&$wrapperSmall': {
28723
+ '& $tag': {
28724
+ height: 18,
28725
+ lineHeight: '16px',
28726
+ marginTop: 1,
28727
+ marginBottom: 1
28728
+ },
28729
+ '& $placeholder,$ellipsis,$space,input': {
28730
+ marginTop: 0,
28731
+ marginBottom: 0
28732
+ },
28733
+ '& $optionInner': {
28734
+ paddingTop: src.treeSelectSmallOptionInnerPaddingY,
28735
+ paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
28736
+ paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
28737
+ // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
28738
+ fontSize: src.treeSelectSmallFontSize
28739
+ },
28740
+ '& $clearIcon': {
28741
+ right: src.treeSelectSmallPaddingX
28755
28742
  }
28756
28743
  },
28757
- '&$wrapperLarge $tag': {
28758
- height: tree_select_selectLargeTagHeight,
28759
- marginBottom: 2,
28760
- '&$tag *': {
28761
- lineHeight: tree_select_selectLargeTagHeight
28744
+ '&$wrapperLarge': {
28745
+ '& $placeholder,$ellipsis,$space,input': {
28746
+ marginTop: src.treeSelectLargePlaceholderMarginY,
28747
+ marginBottom: src.treeSelectLargePlaceholderMarginY
28748
+ },
28749
+ '& $optionInner': {
28750
+ // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
28751
+ paddingTop: src.treeSelectLargeOptionInnerPaddingY,
28752
+ paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
28753
+ paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
28754
+ fontSize: src.treeSelectLargeFontSize
28755
+ },
28756
+ '& $arrowIcon': {
28757
+ width: src.treeSelectLargeFontSize
28758
+ },
28759
+ '& $clearIcon': {
28760
+ right: src.treeSelectLargePaddingX
28762
28761
  }
28763
- }
28764
- }), '&$wrapperSmall', {
28765
- '& $tag': {
28766
- height: tree_select_selectSmallTagHeight,
28767
- lineHeight: '16px',
28768
- marginTop: 1,
28769
- marginBottom: 1
28770
28762
  },
28771
- '& $placeholder,$ellipsis,$space,input': {
28772
- marginTop: 0,
28773
- marginBottom: 0
28774
- },
28775
- '& $optionInner': {
28776
- paddingTop: src.treeSelectSmallOptionInnerPaddingY,
28777
- paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
28778
- paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
28779
- // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
28780
- fontSize: src.treeSelectSmallFontSize
28781
- },
28782
- '& $clearIcon': {
28783
- right: src.treeSelectSmallPaddingX
28784
- }
28785
- }), '&$wrapperLarge', {
28786
- '& $tag': {
28787
- height: tree_select_selectLargeTagHeight,
28788
- '& *': {
28789
- lineHeight: tree_select_selectLargeTagHeight
28763
+ '&:hover': {
28764
+ cursor: 'pointer',
28765
+ '&$clearable:not($wrapperEmpty)': {
28766
+ '& $clearIcon': {
28767
+ display: 'block'
28768
+ },
28769
+ '& $arrowIcon': {
28770
+ display: 'none'
28771
+ }
28790
28772
  }
28791
28773
  },
28792
- '& $placeholder,$ellipsis,$space,input': {
28793
- marginTop: src.treeSelectLargePlaceholderMarginY,
28794
- marginBottom: src.treeSelectLargePlaceholderMarginY
28795
- },
28796
- '& $optionInner': {
28797
- // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
28798
- paddingTop: src.treeSelectLargeOptionInnerPaddingY,
28799
- paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
28800
- paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
28801
- fontSize: src.treeSelectLargeFontSize
28802
- },
28803
- '& $arrowIcon': {
28804
- width: src.treeSelectLargeFontSize
28805
- },
28806
- '& $clearIcon': {
28807
- right: src.treeSelectLargePaddingX
28808
- }
28809
- }), '&:hover', {
28810
- cursor: 'pointer',
28811
- '&$clearable:not($wrapperEmpty)': {
28774
+ '&:not($wrapperEmpty):not($wrapperOpen)': {
28812
28775
  '& $clearIcon': {
28813
- display: 'block'
28814
- },
28815
- '& $arrowIcon': {
28816
28776
  display: 'none'
28817
28777
  }
28818
28778
  }
28819
- }), '&:not($wrapperEmpty):not($wrapperOpen)', {
28820
- '& $clearIcon': {
28821
- display: 'none'
28822
- }
28823
- })),
28779
+ }),
28824
28780
  treeWrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('treeFontColor'), src.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), src.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), src.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), src.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), src.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), src.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), src.treeSelectContentDisabledBackgroundColor),
28825
28781
  wrapperEmpty: {},
28826
28782
  wrapperOpen: {},
@@ -28929,9 +28885,6 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
28929
28885
  },
28930
28886
  compressedWrapper: {
28931
28887
  width: 0,
28932
- overflow: 'hidden'
28933
- },
28934
- compressedBoundWrapper: {
28935
28888
  overflow: 'auto'
28936
28889
  },
28937
28890
  controlMouse: {
@@ -29159,9 +29112,6 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
29159
29112
  color: src.treeSelectOptionDisabledColor,
29160
29113
  backgroundColor: src.treeSelectOptionDisabledBackgroundColor
29161
29114
  },
29162
- '&&:not([data-active="true"]) > [data-role="text"]': {
29163
- backgroundColor: src.treeSelectContentDisabledBackgroundColor
29164
- },
29165
29115
  '&&:not([data-active="true"]) > [data-role="text"]:hover': {
29166
29116
  backgroundColor: src.treeSelectContentDisabledHoverBackgroundColor
29167
29117
  }
@@ -29300,11 +29250,7 @@ var uploadStyle = {
29300
29250
  border: "1px dashed ".concat(src.uploadImageHandlerBorderColor),
29301
29251
  backgroundColor: src.uploadImageHandlerBackgroundColor,
29302
29252
  color: src.uploadImageHandlerFontColor,
29303
- '&:hover, &:hover': {
29304
- borderColor: src.uploadImageHandlerHoverBorderColor,
29305
- color: src.uploadImageHandlerHoverFontColor
29306
- },
29307
- '&:hover, &:hover svg': {
29253
+ '&:hover, &:hover *': {
29308
29254
  borderColor: src.uploadImageHandlerHoverBorderColor,
29309
29255
  color: src.uploadImageHandlerHoverFontColor
29310
29256
  },
@@ -29425,7 +29371,7 @@ var uploadStyle = {
29425
29371
  borderColor: src.uploadImageHandlerHoverBorderColor,
29426
29372
  color: src.uploadImageHandlerHoverFontColor
29427
29373
  },
29428
- '$wrapper:not($wrapperDisabled) &:hover svg': {
29374
+ '$wrapper:not($wrapperDisabled) &:hover *': {
29429
29375
  color: "".concat(src.uploadImageHandlerHoverFontColor, " !important")
29430
29376
  },
29431
29377
  '$wrapper:not($wrapperDisabled) &:active, $wrapper:not($wrapperDisabled) &:active *': {
@@ -30384,13 +30330,10 @@ var usePopup = function usePopup(props) {
30384
30330
  }
30385
30331
  };
30386
30332
  var handleMouseEnter = use_persist_fn(function (e) {
30387
- var _targetEvents$onMouse, _targetRef$current;
30333
+ var _targetEvents$onMouse;
30388
30334
  targetEvents === null || targetEvents === void 0 || (_targetEvents$onMouse = targetEvents.onMouseEnter) === null || _targetEvents$onMouse === void 0 || _targetEvents$onMouse.call(targetEvents, e);
30389
30335
  if (trigger !== 'hover') return;
30390
- var isParentContainsCurrent = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.contains(e.target);
30391
- if (isParentContainsCurrent) {
30392
- handleHoverToggle(true);
30393
- }
30336
+ handleHoverToggle(true);
30394
30337
  });
30395
30338
  var handleMouseLeave = use_persist_fn(function (e) {
30396
30339
  var _targetEvents$onMouse2, _popupRef$current2;
@@ -30862,14 +30805,14 @@ var useCheckElementBorderWidth = function useCheckElementBorderWidth(elementRef)
30862
30805
 
30863
30806
  // 获取指定方向上的border宽度之和
30864
30807
  var getBorderWidth = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
30865
- if (elementRef.current && options.enable) {
30808
+ if (elementRef.current) {
30866
30809
  var _options$direction = options.direction,
30867
30810
  direction = _options$direction === void 0 ? 'horizontal' : _options$direction;
30868
30811
  var style = window.getComputedStyle(elementRef.current);
30869
30812
  var _borderWidth = direction === 'horizontal' ? parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth) : parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
30870
30813
  setBorderWidth(_borderWidth);
30871
30814
  }
30872
- }, [elementRef, options.enable]);
30815
+ }, [elementRef]);
30873
30816
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
30874
30817
  getBorderWidth();
30875
30818
  }, [getBorderWidth]);
@@ -31001,14 +30944,6 @@ function shallowEqual(objA, objB) {
31001
30944
  }
31002
30945
  return true;
31003
30946
  }
31004
- function shallowEqualExceptFalsely(objA, objB) {
31005
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
31006
- var falselys = [false, 0, '', null, undefined, NaN];
31007
- if (falselys.includes(objA) && falselys.includes(objB)) {
31008
- return true;
31009
- }
31010
- return shallowEqual(objA, objB, options);
31011
- }
31012
30947
  /* harmony default export */ var shallow_equal = (shallowEqual);
31013
30948
  ;// CONCATENATED MODULE: ../hooks/src/utils/dom/document.ts
31014
30949
  var cachedZoom = 0;
@@ -31072,6 +31007,19 @@ var hideStyle = {
31072
31007
  position: 'fixed',
31073
31008
  visibility: 'hidden'
31074
31009
  };
31010
+ function setTransform(style, transform, addon) {
31011
+ if (addon) {
31012
+ style.transform += ' ' + transform;
31013
+ } else {
31014
+ style.transform = transform;
31015
+ }
31016
+ // 提供给动画侧合并使用
31017
+ if (addon) {
31018
+ style['--soui-popup-transform'] += ' ' + transform;
31019
+ } else {
31020
+ style['--soui-popup-transform'] = transform;
31021
+ }
31022
+ }
31075
31023
  var usePositionStyle = function usePositionStyle(config) {
31076
31024
  var _ref = config || {},
31077
31025
  absolute = _ref.absolute,
@@ -31117,8 +31065,7 @@ var usePositionStyle = function usePositionStyle(config) {
31117
31065
  enable: show && adjust
31118
31066
  });
31119
31067
  var parentElBorderWidth = useCheckElementBorderWidth(parentElRef, {
31120
- direction: 'horizontal',
31121
- enable: show
31068
+ direction: 'horizontal'
31122
31069
  });
31123
31070
  var popupElSize = useCheckElementSize(popupElRef, {
31124
31071
  enable: show
@@ -31229,7 +31176,7 @@ var usePositionStyle = function usePositionStyle(config) {
31229
31176
  var overLeft = 0;
31230
31177
  if (h === 'left') {
31231
31178
  style.left = rect.left - containerRect.left + containerScroll.left - (offset ? offset[0] : 0);
31232
- style.transform = '';
31179
+ setTransform(style, '');
31233
31180
  if (adjust) {
31234
31181
  overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
31235
31182
  if (style.left < 0 && targetRect) {
@@ -31239,11 +31186,11 @@ var usePositionStyle = function usePositionStyle(config) {
31239
31186
  } else if (h === 'right') {
31240
31187
  style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left - (offset ? offset[0] : 0);
31241
31188
  style.left = 'auto';
31242
- style.transform = '';
31189
+ setTransform(style, '');
31243
31190
  } else {
31244
31191
  // 居中对齐
31245
31192
  style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
31246
- style.transform = 'translateX(-50%)';
31193
+ setTransform(style, 'translateX(-50%)');
31247
31194
  if (adjust) {
31248
31195
  overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
31249
31196
  overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
@@ -31265,7 +31212,7 @@ var usePositionStyle = function usePositionStyle(config) {
31265
31212
  style.top = rect.bottom - containerRect.top + containerScroll.top + popupGap;
31266
31213
  } else {
31267
31214
  style.top = rect.top - containerRect.top + containerScroll.top - popupGap;
31268
- style.transform += 'translateY(-100%)';
31215
+ setTransform(style, 'translateY(-100%)', true);
31269
31216
  }
31270
31217
  } else if (horizontalPosition.includes(targetPosition)) {
31271
31218
  var _targetPosition$split3 = targetPosition.split('-'),
@@ -31274,19 +31221,19 @@ var usePositionStyle = function usePositionStyle(config) {
31274
31221
  _v = _targetPosition$split4[1];
31275
31222
  if (_v === 'top') {
31276
31223
  style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
31277
- style.transform = '';
31224
+ setTransform(style, '');
31278
31225
  } else if (_v === 'bottom') {
31279
31226
  style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
31280
- style.transform = 'translateY(-100%)';
31227
+ setTransform(style, 'translateY(-100%)');
31281
31228
  } else {
31282
31229
  // 居中对齐
31283
31230
  style.top = rect.top - containerRect.top + containerScroll.top + rect.height / 2;
31284
- style.transform = 'translateY(-50%)';
31231
+ setTransform(style, 'translateY(-50%)');
31285
31232
  }
31286
31233
  if (_h === 'right') {
31287
31234
  style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
31288
31235
  } else {
31289
- style.right = containerRect.right - rect.left;
31236
+ style.right = containerRect.right - rect.left + popupGap;
31290
31237
  }
31291
31238
  } else if (position === 'cover') {
31292
31239
  style.top = rect.top - containerRect.top + containerScroll.top;
@@ -31297,18 +31244,16 @@ var usePositionStyle = function usePositionStyle(config) {
31297
31244
  };
31298
31245
  };
31299
31246
  var getAbsoluteStyle = function getAbsoluteStyle(position) {
31300
- var _scrollElRef$current, _scrollElRef$current2, _scrollElRef$current3;
31247
+ var _scrollElRef$current;
31301
31248
  if (!parentElRef.current) return {
31302
31249
  style: hideStyle
31303
31250
  };
31304
31251
  var rect = context.parentRect;
31305
31252
  var needCheck = !show || !shallow_equal(context.prevParentPosition, parentElNewPosition);
31306
- var scrollTop = (scrollElRef === null || scrollElRef === void 0 || (_scrollElRef$current = scrollElRef.current) === null || _scrollElRef$current === void 0 ? void 0 : _scrollElRef$current.scrollTop) || 0;
31307
- var scrollLeft = (scrollElRef === null || scrollElRef === void 0 || (_scrollElRef$current2 = scrollElRef.current) === null || _scrollElRef$current2 === void 0 ? void 0 : _scrollElRef$current2.scrollLeft) || 0;
31308
- if (needCheck && scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current && (_scrollElRef$current3 = scrollElRef.current) !== null && _scrollElRef$current3 !== void 0 && _scrollElRef$current3.contains(parentElRef.current)) {
31309
- var _scrollElRef$current4;
31310
- var visibleRect = ((_scrollElRef$current4 = scrollElRef.current) === null || _scrollElRef$current4 === void 0 ? void 0 : _scrollElRef$current4.getBoundingClientRect()) || {};
31311
- if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom + scrollTop || rect.right < visibleRect.left || rect.left > visibleRect.right + scrollLeft) {
31253
+ if (needCheck && scrollElRef !== null && scrollElRef !== void 0 && scrollElRef.current && (_scrollElRef$current = scrollElRef.current) !== null && _scrollElRef$current !== void 0 && _scrollElRef$current.contains(parentElRef.current)) {
31254
+ var _scrollElRef$current2;
31255
+ var visibleRect = ((_scrollElRef$current2 = scrollElRef.current) === null || _scrollElRef$current2 === void 0 ? void 0 : _scrollElRef$current2.getBoundingClientRect()) || {};
31256
+ if (rect.bottom < visibleRect.top || rect.top > visibleRect.bottom || rect.right < visibleRect.left || rect.left > visibleRect.right) {
31312
31257
  return {
31313
31258
  style: hideStyle
31314
31259
  };
@@ -32063,12 +32008,12 @@ var AbsoluteList = function AbsoluteList(props) {
32063
32008
  return scrollElRefProp || scrollElRefContext || closestScrollContainerRef;
32064
32009
  }, [scrollElRefProp, scrollElRefContext]);
32065
32010
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
32066
- if (scrollElRefProp || scrollElRefContext || !focus) return;
32011
+ if (scrollElRefProp || scrollElRefContext) return;
32067
32012
  var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
32068
32013
  if (closestScrollContainer) {
32069
32014
  closestScrollContainerRef.current = closestScrollContainer;
32070
32015
  }
32071
- }, [parentElRef, scrollElRefProp, scrollElRefContext, focus]);
32016
+ }, [parentElRef, scrollElRefProp, scrollElRefContext]);
32072
32017
  var _usePositionStyle = usePositionStyle({
32073
32018
  getContainer: getRoot,
32074
32019
  position: position,
@@ -33262,103 +33207,6 @@ function toNum(v) {
33262
33207
  }
33263
33208
  return 0;
33264
33209
  }
33265
-
33266
- /**
33267
- * 在字符串层面实现四舍五入
33268
- * @param {string} numStr 数字字符串
33269
- * @param {number} precision 精度
33270
- * @returns {string} 四舍五入后的字符串
33271
- */
33272
- function roundString(numStr, precision) {
33273
- if (precision < 0) return numStr;
33274
- var parts = numStr.split('.');
33275
- var intPart = parts[0];
33276
- var decimalPart = parts[1] || '';
33277
- if (decimalPart.length <= precision) {
33278
- return intPart + (decimalPart ? ".".concat(decimalPart.padEnd(precision, '0')) : '');
33279
- }
33280
-
33281
- // 需要进行四舍五入
33282
- var roundPos = precision;
33283
- var carry = 0;
33284
-
33285
- // 确定是否需要进位
33286
- if (parseInt(decimalPart[roundPos], 10) >= 5) carry = 1;
33287
-
33288
- // 如果不需要进位，直接截断
33289
- if (carry === 0) {
33290
- return intPart + (precision > 0 ? ".".concat(decimalPart.slice(0, precision)) : '');
33291
- }
33292
-
33293
- // 处理进位
33294
- var digits = (intPart + (decimalPart ? ".".concat(decimalPart) : '')).replace('.', '').split('');
33295
- var dotPos = intPart.length;
33296
-
33297
- // 从小数位开始向前进位
33298
- var i = dotPos + precision - 1;
33299
- while (carry > 0 && i >= 0) {
33300
- // 跳过小数点
33301
- if (i === dotPos - 1) {
33302
- i -= 1;
33303
- continue;
33304
- }
33305
- var d = parseInt(digits[i], 10) + carry;
33306
- digits[i] = (d % 10).toString();
33307
- carry = Math.floor(d / 10);
33308
- i -= 1;
33309
- }
33310
-
33311
- // 处理最高位进位
33312
- var result = '';
33313
- if (carry > 0) result = '1';
33314
-
33315
- // 重建数字字符串
33316
- for (var j = 0; j < digits.length; j++) {
33317
- // 插入小数点
33318
- if (j === dotPos && precision > 0) result += '.';
33319
- // 只添加到所需精度
33320
- if (j < dotPos || j < dotPos + precision) {
33321
- result += digits[j];
33322
- }
33323
- }
33324
- return result;
33325
- }
33326
-
33327
- /**
33328
- * 格式化数字字符串到指定小数位
33329
- * @param {string} value 数字字符串
33330
- * @param {number} precision 小数位数
33331
- * @returns {string} 格式化后的字符串
33332
- * @example
33333
- * console.log(preciseString('111111111111111.888', 2)) // "111111111111111.89"
33334
- * console.log(preciseString('9.999', 2)) // "10.00"
33335
- */
33336
- var preciseString = function preciseString(value) {
33337
- var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
33338
- // 如果不是数字字符串，则返回原值
33339
- if (!/^-?\d+(\.\d+)?$/.test(value)) {
33340
- return value;
33341
- }
33342
-
33343
- // 如果不需要格式化精度，直接返回
33344
- if (precision < 0) return value;
33345
-
33346
- // 分离整数和小数部分
33347
- var parts = value.split('.');
33348
- var intPart = parts[0];
33349
- var decimalPart = parts[1] || '';
33350
-
33351
- // 截断或补零
33352
- if (decimalPart.length > precision) {
33353
- // 需要四舍五入
33354
- if (precision < decimalPart.length && parseInt(decimalPart[precision], 10) >= 5) {
33355
- // 手动实现字符串层面的四舍五入
33356
- return roundString("".concat(intPart, ".").concat(decimalPart), precision);
33357
- }
33358
- return intPart + (precision > 0 ? ".".concat(decimalPart.slice(0, precision)) : '');
33359
- }
33360
- return intPart + (precision > 0 ? ".".concat(decimalPart.padEnd(precision, '0')) : '');
33361
- };
33362
33210
  ;// CONCATENATED MODULE: ../base/src/spin/base.tsx
33363
33211
 
33364
33212
 
@@ -35838,33 +35686,12 @@ var Input = function Input(props) {
35838
35686
  addEnd = props.addEnd,
35839
35687
  hasSuffix = props.hasSuffix,
35840
35688
  rest = objectWithoutProperties_default()(props, simple_input_excluded);
35841
- var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
35842
- needTriggerEnter: false
35843
- }),
35844
- context = _useRef.current;
35845
35689
  var inputStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle);
35846
35690
  var config = useConfig();
35847
35691
  var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
35848
35692
  fieldId = _useContext.fieldId;
35849
35693
  var _useInput = use_input(objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
35850
- onFocusedChange: onFocusedChange,
35851
- // 由于form的原生submit事件是在keydown中触发的，submit校验后触发scrollToError会导致当前焦点的input立即失焦，导致input的回车事件无法触发
35852
- // 所以这里在onKeyDown时机记录下needTriggerEnter标志，在onBlur时机判断是否需要触发onEnterPress
35853
- onKeyDown: function onKeyDown(e) {
35854
- var _props$onKeyDown;
35855
- if (e.key === 'Enter') {
35856
- context.needTriggerEnter = true;
35857
- }
35858
- (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 || _props$onKeyDown.call(props, e);
35859
- },
35860
- onBlur: function onBlur(e) {
35861
- var _props$onBlur;
35862
- if (context.needTriggerEnter) {
35863
- context.needTriggerEnter = false;
35864
- _onEnterPress === null || _onEnterPress === void 0 || _onEnterPress(e.target.value || '', e);
35865
- }
35866
- (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
35867
- }
35694
+ onFocusedChange: onFocusedChange
35868
35695
  })),
35869
35696
  getRootProps = _useInput.getRootProps,
35870
35697
  getClearProps = _useInput.getClearProps,
@@ -35880,10 +35707,6 @@ var Input = function Input(props) {
35880
35707
  });
35881
35708
  var onKeyUp = usePersistFn(function (e) {
35882
35709
  var _props$onKeyUp;
35883
- if (e.key === 'Enter') {
35884
- context.needTriggerEnter = false;
35885
- }
35886
- ;
35887
35710
  (_props$onKeyUp = props.onKeyUp) === null || _props$onKeyUp === void 0 || _props$onKeyUp.call(props, e);
35888
35711
  keyHandler(e);
35889
35712
  });
@@ -35926,7 +35749,6 @@ Input.displayName = 'SimpleInput';
35926
35749
 
35927
35750
 
35928
35751
 
35929
-
35930
35752
  function regLength(size) {
35931
35753
  return /\d+/.test(String(size)) && size > 0 ? "{0,".concat(size, "}") : '*';
35932
35754
  }
@@ -36010,7 +35832,7 @@ var useInputFormat = function useInputFormat(props) {
36010
35832
  if (numType === 'positive' && Number(value) <= 0) value = '';
36011
35833
  if (digits !== undefined && autoFix) {
36012
35834
  if (digits > 0) {
36013
- value = preciseString(value, digits);
35835
+ value = parseFloat(value).toFixed(digits);
36014
35836
  } else if (digits === 0) {
36015
35837
  value = parseInt(value, 10).toString();
36016
35838
  }
@@ -39414,18 +39236,14 @@ var useTree = function useTree(props) {
39414
39236
  var getFlatData = function getFlatData() {
39415
39237
  return context.dataFlat;
39416
39238
  };
39417
- var updateExpanded = usePersistFn(function (expanded, ignoreExpanded) {
39239
+ var updateExpanded = usePersistFn(function (expanded) {
39418
39240
  var tempExpandMap = new Set(expanded);
39419
39241
  if (!expanded) return;
39420
39242
  if (virtual) {
39421
39243
  expandedFlat(expanded);
39422
39244
  }
39423
- context.updateMap.forEach(function (call, id) {
39424
- if (ignoreExpanded) {
39425
- var nodeStatus = call('get', true);
39426
- if (nodeStatus && nodeStatus.hasTriggered) return;
39427
- }
39428
- call('expanded', tempExpandMap.has(id));
39245
+ context.updateMap.forEach(function (update, id) {
39246
+ update('expanded', tempExpandMap.has(id));
39429
39247
  });
39430
39248
  });
39431
39249
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -39437,17 +39255,16 @@ var useTree = function useTree(props) {
39437
39255
  }
39438
39256
  });
39439
39257
  onExpand(nextExpanded);
39440
- updateExpanded(nextExpanded, true);
39441
39258
  }
39442
- }, [context.dataMap, props.data]);
39259
+ }, [context.dataMap]);
39443
39260
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
39444
39261
  if (props.datum) return;
39445
39262
  if (!dataUpdate) return;
39446
39263
  setData(data);
39447
39264
  var nextExpanded = props.expanded || props.defaultExpanded || [];
39448
- if (!defaultExpandAll && !shallowEqual(nextExpanded, expanded)) {
39265
+ if (!shallowEqual(nextExpanded, expanded)) {
39449
39266
  onExpand(nextExpanded);
39450
- updateExpanded(nextExpanded, true);
39267
+ updateExpanded(nextExpanded);
39451
39268
  }
39452
39269
  updateInnerCheckStatus();
39453
39270
  }, [props.data]);
@@ -40074,20 +39891,22 @@ var CascaderNode = function CascaderNode(props) {
40074
39891
  shouldFinal = props.shouldFinal,
40075
39892
  onChange = props.onChange,
40076
39893
  onPathChange = props.onPathChange,
40077
- mode = props.mode;
39894
+ mode = props.mode,
39895
+ activeLeaf = props.activeLeaf,
39896
+ setActiveLeaf = props.setActiveLeaf;
40078
39897
  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
40079
39898
  _useState2 = slicedToArray_default()(_useState, 2),
40080
39899
  loading = _useState2[0],
40081
39900
  setLoading = _useState2[1];
39901
+ // const [activeState, setActiveState] = useState(false);
40082
39902
  var checkboxRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
40083
- var hasHandleSelectRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
40084
39903
  var isDisabled = datum.isDisabled(id);
40085
39904
  var children = data[childrenKey];
40086
39905
  var hasChildren = children && children.length > 0;
40087
39906
  var uncertainChildren = loader && !loading && children === undefined;
40088
39907
  var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
40089
39908
  var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
40090
- var rootClass = classnames_default()(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
39909
+ var rootClass = classnames_default()(styles.option, (active || activeLeaf === id) && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
40091
39910
  var handlePathChange = function handlePathChange() {
40092
39911
  onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
40093
39912
  };
@@ -40111,6 +39930,9 @@ var CascaderNode = function CascaderNode(props) {
40111
39930
  if (getParent(e.target, checkboxRef.current)) return;
40112
39931
  var checked = datum.getChecked(id);
40113
39932
  handleChange(null, !checked);
39933
+ if (setActiveLeaf) {
39934
+ setActiveLeaf(id);
39935
+ }
40114
39936
  };
40115
39937
  var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
40116
39938
  var isRealLeafNode = !hasChildren && !uncertainChildren;
@@ -40121,17 +39943,10 @@ var CascaderNode = function CascaderNode(props) {
40121
39943
  }
40122
39944
  if (isHoverAble) {
40123
39945
  events.onMouseEnter = handlePathChange;
40124
- if (multiple) {
40125
- events.onClick = handleSelect;
40126
- hasHandleSelectRef.current = true;
40127
- }
39946
+ if (multiple) events.onClick = handleSelect;
40128
39947
  } else if (isRealLeafNode && multiple) {
40129
39948
  // 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
40130
- events.onClick = function (e) {
40131
- handleClick(e);
40132
- handleSelect(e);
40133
- };
40134
- hasHandleSelectRef.current = true;
39949
+ events.onClick = handleSelect;
40135
39950
  }
40136
39951
  return events;
40137
39952
  };
@@ -40187,7 +40002,7 @@ var CascaderNode = function CascaderNode(props) {
40187
40002
  className: styles.optionCheckbox,
40188
40003
  checked: datum.getChecked(id),
40189
40004
  disabled: isDisabled,
40190
- onChange: hasHandleSelectRef.current ? undefined : handleChange
40005
+ onChange: events.onClick === handleSelect ? undefined : handleChange
40191
40006
  }), renderContent(), renderIcon()]
40192
40007
  })
40193
40008
  }));
@@ -40200,6 +40015,7 @@ var CascaderNode = function CascaderNode(props) {
40200
40015
 
40201
40016
 
40202
40017
 
40018
+
40203
40019
  var list_devUseWarning = devUseWarning;
40204
40020
  var CascaderList = function CascaderList(props) {
40205
40021
  var _jssStyle$cascader;
@@ -40256,11 +40072,18 @@ var CascaderList = function CascaderList(props) {
40256
40072
  children: "noData"
40257
40073
  });
40258
40074
  };
40075
+ var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
40076
+ _useState2 = slicedToArray_default()(_useState, 2),
40077
+ activeLeaf = _useState2[0],
40078
+ setActiveLeaf = _useState2[1];
40079
+ var needSetActiveLeaf = (multiple || mode !== undefined) && props.id === undefined;
40259
40080
  var renderItem = function renderItem(item, index) {
40260
40081
  var id = getKey(item, index);
40261
40082
  return /*#__PURE__*/(0,jsx_runtime.jsx)(node, {
40262
40083
  jssStyle: jssStyle,
40263
40084
  active: props.id === id,
40085
+ activeLeaf: activeLeaf,
40086
+ setActiveLeaf: needSetActiveLeaf ? setActiveLeaf : undefined,
40264
40087
  id: id,
40265
40088
  data: item,
40266
40089
  datum: datum,
@@ -40671,7 +40494,7 @@ var Result = function Result(props) {
40671
40494
  var _props$onBlur, _inputRef$current$upd, _inputRef$current;
40672
40495
  e.stopPropagation();
40673
40496
  if (e.relatedTarget === context.inputRefs[1 - info.index]) return;
40674
- (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e, info.index);
40497
+ (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
40675
40498
  if (inputRef.current) (_inputRef$current$upd = (_inputRef$current = inputRef.current).updateValue) === null || _inputRef$current$upd === void 0 || _inputRef$current$upd.call(_inputRef$current);
40676
40499
  context.clickIndex = 0;
40677
40500
  },
@@ -41110,25 +40933,44 @@ function getResetMore(onFilter, container, doms) {
41110
40933
  var hideMargin = parsePxToNumber(hideElStyle.marginLeft) + parsePxToNumber(hideElStyle.marginRight);
41111
40934
  var num = 0;
41112
40935
  var sumWidth = 0;
41113
- for (var i = 0; i < doms.length; i++) {
41114
- var _item2 = doms[i];
41115
- var itemStyle = getComputedStyle(_item2);
41116
- var itemWidth = _item2.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
41117
- sumWidth += itemWidth;
41118
- var moreWidth = 0;
41119
- var resetNum = items.length - 1 - i;
41120
- if (resetNum > 0) {
41121
- var reset = "+".concat(resetNum);
41122
- hideEl.childNodes[0].innerText = reset;
41123
- moreWidth = hideEl.offsetWidth + hideMargin;
41124
- }
41125
- if (sumWidth > contentWidth - moreWidth) {
41126
- num = i;
41127
- break;
41128
- }
40936
+ var itemWidthArr = items.map(function (item) {
40937
+ var itemStyle = getComputedStyle(item);
40938
+ var itemLen = item.offsetWidth + parsePxToNumber(itemStyle.marginLeft) + parsePxToNumber(itemStyle.marginRight);
40939
+ sumWidth += itemLen;
40940
+ return itemLen;
40941
+ });
40942
+ if (sumWidth <= contentWidth) {
41129
40943
  num = -1;
40944
+ } else {
40945
+ var len = 0;
40946
+ for (var i = 0; i < itemWidthArr.length; i++) {
40947
+ var itemLen = itemWidthArr[i];
40948
+ // number length
40949
+ var resetNum = items.length - 1 - i;
40950
+ var moreWidth = void 0;
40951
+ if (resetNum <= 0) {
40952
+ moreWidth = 0;
40953
+ } else {
40954
+ var reset = "+".concat(resetNum);
40955
+ hideEl.childNodes[0].innerText = reset;
40956
+ // (+num) width
40957
+ moreWidth = hideEl.offsetWidth + hideMargin;
40958
+ }
40959
+ len += itemLen;
40960
+ if (len > contentWidth - moreWidth) {
40961
+ break;
40962
+ }
40963
+ num += 1;
40964
+ if (i === items.length - 1) {
40965
+ // not show more
40966
+ num = -1;
40967
+ }
40968
+ }
40969
+ }
40970
+ // at least show one
40971
+ if (num === 0 && itemWidthArr[0]) {
40972
+ num = 1;
41130
40973
  }
41131
- ;
41132
40974
  return num;
41133
40975
  }
41134
40976
  var More = function More(props) {
@@ -41150,7 +40992,16 @@ var More = function More(props) {
41150
40992
  var shouldShowMore = showNum < 0 || showNum >= data.length;
41151
40993
  var before = [];
41152
40994
  var after = [];
41153
- var afterLength = 0;
40995
+ var itemsLength = 0;
40996
+ var tagStyle = shouldShowMore ? {
40997
+ position: 'absolute',
40998
+ zIndex: -100,
40999
+ userSelect: 'none',
41000
+ msUserSelect: 'none',
41001
+ contain: 'layout',
41002
+ opacity: 0,
41003
+ pointerEvents: 'none'
41004
+ } : {};
41154
41005
  if (!shouldShowMore) {
41155
41006
  before = new Array(showNum).fill(undefined).map(function (_item, index) {
41156
41007
  return data[index];
@@ -41158,9 +41009,9 @@ var More = function More(props) {
41158
41009
  after = new Array(data.length - showNum).fill(undefined).map(function (_item, index) {
41159
41010
  return data[showNum + index];
41160
41011
  });
41161
- afterLength = after.length;
41012
+ itemsLength = after.length;
41162
41013
  }
41163
- if (shouldShowMore) {
41014
+ if (showNum < 0 || showNum >= data.length) {
41164
41015
  return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
41165
41016
  children: [data, /*#__PURE__*/(0,jsx_runtime.jsx)(src_tag_tag, {
41166
41017
  className: styles.tag,
@@ -41187,9 +41038,10 @@ var More = function More(props) {
41187
41038
  className: styles.tag,
41188
41039
  jssStyle: jssStyle,
41189
41040
  size: size,
41041
+ style: tagStyle,
41190
41042
  mode: visible ? 'fill' : 'bright',
41191
41043
  color: visible ? 'info' : 'default',
41192
- children: shouldShowMore ? '+' : "+".concat(afterLength)
41044
+ children: shouldShowMore ? '+' : "+".concat(itemsLength)
41193
41045
  }, 'more'), compressed !== 'hide-popover' && /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
41194
41046
  jssStyle: jssStyle,
41195
41047
  className: compressedClassName,
@@ -41287,16 +41139,12 @@ var result_Result = function Result(props) {
41287
41139
  setShouldResetMore = _useState4[1];
41288
41140
  var render = useRender();
41289
41141
  var resultRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
41290
- var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
41291
- prevMore: more,
41292
- maxMore: 0
41293
- }),
41294
- context = _useRef.current;
41142
+ var prevMore = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(more);
41295
41143
  var removeLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
41296
41144
  var showInput = allowOnFilter;
41297
41145
  var mounted = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
41298
41146
  var styles = props.classes;
41299
- var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, compressedBound && compressedBound > 0 && styles.compressedBoundWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
41147
+ var rootClass = classnames_default()(styles.resultTextWrapper, compressed && styles.compressedWrapper, multiple && styles.multipleResultWrapper, multiple && compressed && styles.multipleCompressedWrapper);
41300
41148
  var renderResultContent = function renderResultContent(data, index, nodes) {
41301
41149
  if (checkUnMatched(data)) {
41302
41150
  var _data = data;
@@ -41494,6 +41342,7 @@ var result_Result = function Result(props) {
41494
41342
  data: result,
41495
41343
  datas: renderMultipleResult.datas,
41496
41344
  size: size,
41345
+ more: moreNumber,
41497
41346
  compressed: compressed,
41498
41347
  renderCompressed: renderCompressed,
41499
41348
  compressedClassName: compressedClassName,
@@ -41523,27 +41372,15 @@ var result_Result = function Result(props) {
41523
41372
  }
41524
41373
  return result;
41525
41374
  };
41526
- var handleResetMore = function handleResetMore(valueLength) {
41375
+ var handleResetMore = function handleResetMore() {
41527
41376
  if (!compressed) return;
41528
41377
  if (isCompressedBound()) return;
41529
41378
  if (removeLock.current) {
41530
41379
  removeLock.current = false;
41531
41380
  return;
41532
41381
  }
41533
-
41534
- // why requestIdleCallback: 当选项数量远超容器承载能力时，延迟昂贵的DOM计算，在1000+选项时，同步的重新计算会导致INP超过1000ms
41535
- var hasExistingCompression = context.prevMore > 0;
41536
- var hasValidEstimate = context.maxMore > 0;
41537
- var exceedsCapacity = valueLength && valueLength > context.maxMore;
41538
- if (hasExistingCompression && hasValidEstimate && exceedsCapacity && typeof requestIdleCallback !== 'undefined') {
41539
- requestIdleCallback(function () {
41540
- setMore(-1);
41541
- setShouldResetMore(true);
41542
- });
41543
- } else {
41544
- setMore(-1);
41545
- setShouldResetMore(true);
41546
- }
41382
+ setMore(-1);
41383
+ setShouldResetMore(true);
41547
41384
  };
41548
41385
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
41549
41386
  if (!focus && mounted.current) {
@@ -41598,7 +41435,7 @@ var result_Result = function Result(props) {
41598
41435
  }
41599
41436
  }, [focus, multiple]);
41600
41437
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
41601
- handleResetMore((valueProp === null || valueProp === void 0 ? void 0 : valueProp.length) || 0);
41438
+ handleResetMore();
41602
41439
  }, [valueProp, data]);
41603
41440
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
41604
41441
  // datum.getDataByValues(value); 需要等待 useTree useEffect 执行完毕 才能获取到
@@ -41609,7 +41446,7 @@ var result_Result = function Result(props) {
41609
41446
  var tagClassName = ".".concat(styles.tag.split(' ')[0]);
41610
41447
  if (shouldResetMore && result_isArray(value) && (value || []).length) {
41611
41448
  var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
41612
- context.prevMore = newMore;
41449
+ prevMore.current = newMore;
41613
41450
  setMore(newMore);
41614
41451
  setShouldResetMore(false);
41615
41452
  } else {
@@ -41623,7 +41460,6 @@ var result_Result = function Result(props) {
41623
41460
  if (!resultRef.current) return;
41624
41461
  if (!compressed) return;
41625
41462
  if (isCompressedBound()) return;
41626
- context.maxMore = Math.floor(resultRef.current.clientWidth / 20);
41627
41463
  var cancelObserver = addResizeObserver(resultRef.current, handleResetMore, {
41628
41464
  direction: 'x'
41629
41465
  });
@@ -44791,18 +44627,8 @@ function isValid(date) {
44791
44627
  if (!(date instanceof Date)) return false;
44792
44628
  return dayjs_min_default()(date).isValid();
44793
44629
  }
44794
-
44795
- /**
44796
- * @param date 日期字符串
44797
- * @param fmt 日期格式
44798
- * @param isLoose 是否为宽松模式
44799
- * @returns 是否为有效日期
44800
- */
44801
- function isValidString(date, fmt, isLoose) {
44630
+ function isValidString(date, fmt) {
44802
44631
  if (!date) return false;
44803
- if (isLoose) {
44804
- return dayjs_min_default()(date).isValid();
44805
- }
44806
44632
  return dayjs_min_default()(date, fmt, true).isValid();
44807
44633
  }
44808
44634
  function util_parse(d, fmt, options) {
@@ -45269,7 +45095,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45269
45095
  return getFormatValueArr(dateArr, props.formatResult);
45270
45096
  } else if (typeof props.formatResult === 'function') {
45271
45097
  return dateArr.map(function (item) {
45272
- if (!item) return '';
45273
45098
  return props.formatResult(item);
45274
45099
  });
45275
45100
  } else {
@@ -45291,15 +45116,8 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45291
45116
  }
45292
45117
  var formatValue = getFormatValueArr(dateArr);
45293
45118
  var v = range ? formatValue : formatValue[0];
45294
- if (Array.isArray(value) && value.length && Array.isArray(v) && v.length) {
45295
- // 针对 range 的情况，['2025-01-01',''] 和 ['2025-01-01',undefined] 无法通过 shallowEqual 出来，这边需要放行
45296
- if (!shallowEqualExceptFalsely(v[0], value[0]) || !shallowEqualExceptFalsely(v[1], value[1])) {
45297
- onChange === null || onChange === void 0 || onChange(v);
45298
- }
45299
- } else {
45300
- if (!shallow_equal(v, value)) {
45301
- onChange === null || onChange === void 0 || onChange(v);
45302
- }
45119
+ if (!shallow_equal(v, value)) {
45120
+ onChange === null || onChange === void 0 || onChange(v);
45303
45121
  }
45304
45122
  };
45305
45123
  var getDateArr = function getDateArr() {
@@ -45372,9 +45190,9 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45372
45190
  }
45373
45191
  (_props$onClear = props.onClear) === null || _props$onClear === void 0 || _props$onClear.call(props);
45374
45192
  });
45375
- var handleInputChange = usePersistFn(function (str, index, isFromBlur) {
45193
+ var handleInputChange = usePersistFn(function (str, index) {
45376
45194
  // 比较 日期字符串是否符合format格式, 如果符合返回 true 否则返回 false
45377
- var isValid = util.isValidString(str, format, isFromBlur);
45195
+ var isValid = util.isValidString(str, format);
45378
45196
  if (!isValid) return;
45379
45197
  var date = util.toDateWithFormat(str, format, undefined, options);
45380
45198
  setInputArr(function (prev) {
@@ -45398,11 +45216,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45398
45216
  return arr;
45399
45217
  });
45400
45218
  });
45401
-
45402
- // 失焦时，需要宽松模式校验，eg: 2025-06-16 18:00 和 2025-06-16 18 都可以校验通过
45403
- var handleInputBlur = usePersistFn(function (str, index) {
45404
- handleInputChange(str, index, true);
45405
- });
45406
45219
  var handleClearInputArr = usePersistFn(function (index) {
45407
45220
  if (index !== undefined) {
45408
45221
  setInputArr(function (prev) {
@@ -45446,7 +45259,6 @@ var useDatePickerFormat = function useDatePickerFormat(props) {
45446
45259
  handleClear: handleClear,
45447
45260
  handleClearInputArr: handleClearInputArr,
45448
45261
  handleInputChange: handleInputChange,
45449
- handleInputBlur: handleInputBlur,
45450
45262
  registerModeDisabled: registerModeDisabled,
45451
45263
  setCurrentArrWithParams: setCurrentArrWithParams,
45452
45264
  isDisabledDate: isDisabledDate
@@ -45485,16 +45297,14 @@ var useDate = function useDate(props) {
45485
45297
  cachedDays: []
45486
45298
  }),
45487
45299
  context = _useRef.current;
45488
- var current = props.current === undefined || !props.current ? currentState : props.current;
45300
+ var current = props.current === undefined ? currentState : props.current;
45489
45301
  var setCurrent = function setCurrent(date) {
45490
45302
  var _props$onCurrentChang2;
45491
45303
  if (props.current !== undefined) {
45492
45304
  var _props$onCurrentChang;
45493
45305
  (_props$onCurrentChang = props.onCurrentChange) === null || _props$onCurrentChang === void 0 || _props$onCurrentChang.call(props, date);
45494
45306
  } else {
45495
- if (date) {
45496
- setCurrentState(date);
45497
- }
45307
+ setCurrentState(date);
45498
45308
  }
45499
45309
  (_props$onCurrentChang2 = props.onCurrentChange) === null || _props$onCurrentChang2 === void 0 || _props$onCurrentChang2.call(props, date);
45500
45310
  };
@@ -45569,15 +45379,9 @@ var useDate = function useDate(props) {
45569
45379
  var _props$onChange;
45570
45380
  if (isDisabled(date)) return;
45571
45381
  var newDate = getDateWithTime(date);
45572
- var index = position === 'start' ? 0 : 1;
45573
- if (props.allowSingle && props.rangeDate && Array.isArray(props.rangeDate) && props.rangeDate[index] && util.clearHMS(newDate, options).getTime() === util.clearHMS(props.rangeDate[index], options).getTime()) {
45574
- newDate = '';
45575
- }
45576
- props === null || props === void 0 || props.onClearInputArr(index);
45382
+ props === null || props === void 0 || props.onClearInputArr(position === 'start' ? 0 : 1);
45577
45383
  (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, newDate, noClose);
45578
- if (newDate) {
45579
- setCurrent(newDate);
45580
- }
45384
+ setCurrent(newDate);
45581
45385
  };
45582
45386
  var getTimeStr = function getTimeStr() {
45583
45387
  var format = props.format,
@@ -46108,8 +45912,7 @@ var Time = function Time(props) {
46108
45912
 
46109
45913
  var Day = function Day(props) {
46110
45914
  var _jssStyle$datePicker;
46111
- var jssStyle = props.jssStyle,
46112
- allowSingle = props.allowSingle;
45915
+ var jssStyle = props.jssStyle;
46113
45916
  var _useConfig = useConfig(),
46114
45917
  locale = _useConfig.locale,
46115
45918
  direction = _useConfig.direction;
@@ -46128,7 +45931,6 @@ var Day = function Day(props) {
46128
45931
  value: props.value,
46129
45932
  range: props.range,
46130
45933
  onChange: onChange,
46131
- allowSingle: allowSingle,
46132
45934
  onClearInputArr: props.onClearInputArr,
46133
45935
  position: props.position,
46134
45936
  min: props.min,
@@ -47155,7 +46957,7 @@ var useRangePick = function useRangePick(props) {
47155
46957
  setDateArr(function (arr) {
47156
46958
  var newArr = toConsumableArray_default()(arr);
47157
46959
  newArr[index] = date;
47158
- if (date && range && index === 0 && newArr[1]) {
46960
+ if (range && index === 0 && newArr[1]) {
47159
46961
  if (typeof range === 'number') {
47160
46962
  var rangeMax = util.addSeconds(date, range, options);
47161
46963
  if (rangeMax.getTime() < newArr[1].getTime()) {
@@ -47184,7 +46986,7 @@ var useRangePick = function useRangePick(props) {
47184
46986
  var newArr = toConsumableArray_default()(arr);
47185
46987
  newArr[index] = date;
47186
46988
  var modeCache = context.modeCache;
47187
- if (date && modeCache[0] === modeCache[1]) {
46989
+ if (modeCache[0] === modeCache[1]) {
47188
46990
  var mode = modeCache[0];
47189
46991
  if (range && index === 0 && newArr[1]) {
47190
46992
  if (mode === 'year') {
@@ -47429,7 +47231,6 @@ var Picker = function Picker(props) {
47429
47231
  format: props.format,
47430
47232
  disabled: position === 'end' ? func.endDisabled : func.startDisabled,
47431
47233
  rangeDate: dateArr,
47432
- allowSingle: props.allowSingle,
47433
47234
  min: position === 'end' ? endMin : startMin,
47434
47235
  staticMin: position === 'end' ? endMin : staticStartMin,
47435
47236
  max: position === 'end' ? endMax : startMax,
@@ -47712,14 +47513,11 @@ var DatePicker = function DatePicker(props0) {
47712
47513
  setFocused(true);
47713
47514
  (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, e);
47714
47515
  });
47715
- var handleBlur = usePersistFn(function (e, index) {
47516
+ var handleBlur = usePersistFn(function (e) {
47716
47517
  var _props$onBlur;
47717
47518
  setFocused(false);
47718
- (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e, index);
47519
+ (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
47719
47520
  if (props.needConfirm) return;
47720
- if (props.inputable && !props.quickSelect && index !== undefined) {
47721
- func.handleInputBlur(e.target.value, index);
47722
- }
47723
47521
 
47724
47522
  // 当输入框有值时，失焦时需要立即触发 onChange，否则触控板的轻触模拟出来的click事件就获取不到最新的值
47725
47523
  if (inputArr.some(function (d) {
@@ -47838,7 +47636,6 @@ var DatePicker = function DatePicker(props0) {
47838
47636
  type: type,
47839
47637
  options: options,
47840
47638
  disabled: disabled,
47841
- allowSingle: props.allowSingle,
47842
47639
  jssStyle: jssStyle,
47843
47640
  closePop: handleClose,
47844
47641
  defaultTime: props.defaultTime,
@@ -48440,11 +48237,7 @@ var Modal = function Modal(props) {
48440
48237
  isMask: false,
48441
48238
  mouseDownTarget: null,
48442
48239
  mouseUpTarget: null,
48443
- content: null,
48444
- originDocumentStyle: {
48445
- overflow: '',
48446
- paddingRight: ''
48447
- }
48240
+ content: null
48448
48241
  }),
48449
48242
  context = _useRef.current;
48450
48243
  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.visible || props.autoShow),
@@ -48544,33 +48337,18 @@ var Modal = function Modal(props) {
48544
48337
  setAnimation(true);
48545
48338
  }
48546
48339
  }, [props.visible]);
48547
-
48548
- // 设置 document.body.style.overflow 和 document.body.style.paddingRight，并记录原始值到 context 中
48549
- var setDocumentOverflow = usePersistFn(function () {
48550
- var doc = document.body.parentNode;
48551
- if (context.isMask) {
48552
- context.originDocumentStyle.overflow = doc.style.overflow;
48553
- context.originDocumentStyle.paddingRight = doc.style.paddingRight;
48554
- }
48555
- doc.style.overflow = 'hidden';
48556
- if (!doc.style.paddingRight) {
48557
- doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
48558
- }
48559
- });
48560
-
48561
- // 还原 document.body.style.overflow 和 document.body.style.paddingRight
48562
- var resetDocumentOverflow = usePersistFn(function () {
48563
- var doc = document.body.parentNode;
48564
- doc.style.overflow = context.originDocumentStyle.overflow;
48565
- doc.style.paddingRight = context.originDocumentStyle.paddingRight;
48566
- });
48567
48340
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
48568
48341
  if (!props.hideMask) {
48342
+ var doc = document.body.parentNode;
48569
48343
  if (visible) {
48570
- setDocumentOverflow();
48344
+ doc.style.overflow = 'hidden';
48345
+ if (!doc.style.paddingRight) {
48346
+ doc.style.paddingRight = "".concat(window.innerWidth - docSize.width, "px");
48347
+ }
48571
48348
  } else {
48572
48349
  if (!context.isMask) return;
48573
- resetDocumentOverflow();
48350
+ doc.style.paddingRight = '';
48351
+ doc.style.overflow = '';
48574
48352
  }
48575
48353
  }
48576
48354
  }, [visible]);
@@ -48584,15 +48362,20 @@ var Modal = function Modal(props) {
48584
48362
  // unmount
48585
48363
  return function () {
48586
48364
  var _props$shouldDestroy2;
48587
- if (context.isMask) {
48588
- resetDocumentOverflow();
48589
- }
48590
- ;
48591
48365
  (_props$shouldDestroy2 = props.shouldDestroy) === null || _props$shouldDestroy2 === void 0 || _props$shouldDestroy2.call(props, true);
48366
+ // if (props.autoShow) {
48367
+ // props.onClose?.();
48368
+ // }
48592
48369
  if (context.isMask) {
48593
48370
  context.isMask = false;
48594
48371
  hasMask = false;
48595
48372
  }
48373
+ {
48374
+ if (!context.isMask) return;
48375
+ var doc = document.body.parentNode;
48376
+ doc.style.paddingRight = '';
48377
+ doc.style.overflow = '';
48378
+ }
48596
48379
  };
48597
48380
  }, []);
48598
48381
  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -49041,9 +48824,7 @@ var Item_Item = /*#__PURE__*/function (_React$PureComponent) {
49041
48824
  contentPropsClassName = _ref2$className === void 0 ? '' : _ref2$className,
49042
48825
  contentPropsOnClick = _ref2.onClick,
49043
48826
  otherContentProps = objectWithoutProperties_default()(_ref2, Item_excluded2);
49044
- var className = classnames_default()(
49045
- // 如果content是Tooltip，则不传递className(就是dropdown-item的className)
49046
- content.type.displayName !== 'ShineoutTooltip' ? propsClassName : '', contentPropsClassName);
48827
+ var className = classnames_default()(propsClassName, contentPropsClassName);
49047
48828
  return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(content, Object.assign(otherProps, otherContentProps, {
49048
48829
  className: className,
49049
48830
  onClick: function onClick(e) {
@@ -50336,7 +50117,6 @@ function use_previous_usePrevious(value) {
50336
50117
 
50337
50118
 
50338
50119
  var globalKey = '__global__&&@@';
50339
- var SUBMIT_TIMEOUT = 10;
50340
50120
 
50341
50121
 
50342
50122
  var emptyObj = {};
@@ -50542,7 +50322,7 @@ var useForm = function useForm(props) {
50542
50322
  docScroll.top -= scrollToError;
50543
50323
  }
50544
50324
  }
50545
- }, SUBMIT_TIMEOUT + 10);
50325
+ });
50546
50326
  };
50547
50327
  var onChange = use_persist_fn(function (change) {
50548
50328
  var _props$onChange;
@@ -50743,7 +50523,7 @@ var useForm = function useForm(props) {
50743
50523
  var _other$onSubmit;
50744
50524
  submit();
50745
50525
  other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
50746
- }, SUBMIT_TIMEOUT);
50526
+ }, 10);
50747
50527
  };
50748
50528
  };
50749
50529
  var validateFieldset = function validateFieldset(name, config) {
@@ -50834,9 +50614,6 @@ var useForm = function useForm(props) {
50834
50614
  context.names.delete(n);
50835
50615
  delete context.defaultValues[n];
50836
50616
  }
50837
- if (context.errors[n]) {
50838
- delete context.errors[n];
50839
- }
50840
50617
  var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
50841
50618
  if (!finalReserveAble && !context.removeLock) {
50842
50619
  addRemove(n);
@@ -50971,14 +50748,13 @@ var useForm = function useForm(props) {
50971
50748
  /* harmony default export */ var use_form = (useForm);
50972
50749
  ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form-context.ts
50973
50750
 
50974
-
50975
50751
  var FormContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({});
50976
50752
  function useFormRef() {
50977
- var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({}),
50978
- _React$useState2 = slicedToArray_default()(_React$useState, 2),
50979
- formRef = _React$useState2[0],
50980
- setFormRef = _React$useState2[1];
50981
- return [formRef, setFormRef];
50753
+ var ref = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({});
50754
+ var setFormRef = function setFormRef(formRef) {
50755
+ ref.current = formRef;
50756
+ };
50757
+ return [ref.current, setFormRef];
50982
50758
  }
50983
50759
  function useFormInstance() {
50984
50760
  var formCtx = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useContext(FormContext);
@@ -51209,7 +50985,9 @@ var Tooltip = function Tooltip(props) {
51209
50985
  _props$type = props.type,
51210
50986
  type = _props$type === void 0 ? 'default' : _props$type,
51211
50987
  _props$position = props.position,
51212
- popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
50988
+ popsitionProps = _props$position === void 0 ? 'auto' : _props$position,
50989
+ _props$popupGap = props.popupGap,
50990
+ popupGap = _props$popupGap === void 0 ? 0 : _props$popupGap;
51213
50991
  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
51214
50992
  var config = useConfig();
51215
50993
  var persistent = persistentProp !== null && persistentProp !== void 0 ? persistentProp : (_config$tooltip = config.tooltip) === null || _config$tooltip === void 0 ? void 0 : _config$tooltip.persistent;
@@ -51298,7 +51076,7 @@ var Tooltip = function Tooltip(props) {
51298
51076
  absolute: true,
51299
51077
  position: position,
51300
51078
  fixedWidth: false,
51301
- popupGap: 0,
51079
+ popupGap: popupGap,
51302
51080
  zIndex: zIndex,
51303
51081
  adjust: popsitionProps === 'auto',
51304
51082
  updateKey: updateKey,
@@ -51417,7 +51195,7 @@ var FormItem = function FormItem(props) {
51417
51195
  });
51418
51196
  };
51419
51197
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
51420
- className: classnames_default()(className, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelTop, labelAlign === 'top'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalMiddle, labelAlign !== 'top' && labelVerticalAlign === 'middle'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalBottom, labelAlign !== 'top' && labelVerticalAlign === 'bottom'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperInline, inline), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperKeepHeight, keepErrorHeight), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperRequired, required), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperHideRequired, required === false), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperTip, showError || tip))
51198
+ className: classnames_default()(className, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelTop, labelAlign === 'top'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalMiddle, labelAlign !== 'top' && labelVerticalAlign === 'middle'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalBottom, labelAlign !== 'top' && labelVerticalAlign === 'bottom'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperInline, inline), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperKeepHeight, keepErrorHeight), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperRequired, required), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperTip, showError || tip))
51421
51199
  }, attributes), {}, {
51422
51200
  style: style,
51423
51201
  children: [label !== undefined ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -54475,7 +54253,6 @@ var NodeContent = function NodeContent(props) {
54475
54253
  onToggle = props.onToggle,
54476
54254
  onDragOver = props.onDragOver,
54477
54255
  onNodeClick = props.onNodeClick,
54478
- onTriggered = props.onTriggered,
54479
54256
  actionOnClick = props.actionOnClick;
54480
54257
  var forceUpdate = useRender();
54481
54258
  var _useTreeContext = useTreeContext(),
@@ -54505,7 +54282,6 @@ var NodeContent = function NodeContent(props) {
54505
54282
  };
54506
54283
  var handleNodeExpand = function handleNodeExpand() {
54507
54284
  onToggle === null || onToggle === void 0 || onToggle(id);
54508
- onTriggered === null || onTriggered === void 0 || onTriggered();
54509
54285
  if (data[childrenKey] !== undefined) return;
54510
54286
  if (loader) {
54511
54287
  setFetching(true);
@@ -54694,18 +54470,6 @@ var useTreeNode = function useTreeNode(props) {
54694
54470
  _useState6 = slicedToArray_default()(_useState5, 2),
54695
54471
  fetching = _useState6[0],
54696
54472
  setFetching = _useState6[1];
54697
- var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
54698
- _useState8 = slicedToArray_default()(_useState7, 2),
54699
- hasTriggered = _useState8[0],
54700
- setHasTriggered = _useState8[1];
54701
- var get = function get() {
54702
- return {
54703
- hasTriggered: hasTriggered,
54704
- active: active,
54705
- expanded: expanded,
54706
- fetching: fetching
54707
- };
54708
- };
54709
54473
  var update = use_persist_fn(function (key, value) {
54710
54474
  switch (key) {
54711
54475
  case 'active':
@@ -54721,14 +54485,9 @@ var useTreeNode = function useTreeNode(props) {
54721
54485
  setFetching(value);
54722
54486
  }
54723
54487
  break;
54724
- case 'get':
54725
- return get();
54726
54488
  }
54727
54489
  });
54728
54490
  var handleToggle = function handleToggle() {};
54729
- var handleTriggered = function handleTriggered() {
54730
- setHasTriggered(true);
54731
- };
54732
54491
  var isLeaf = function isLeaf() {
54733
54492
  var children = data[childrenKey];
54734
54493
  if (children && children.length > 0) return false;
@@ -54752,8 +54511,7 @@ var useTreeNode = function useTreeNode(props) {
54752
54511
  isLeaf: isLeaf,
54753
54512
  setFetching: setFetching,
54754
54513
  setExpanded: setExpanded,
54755
- onToggle: handleToggle,
54756
- onTriggered: handleTriggered
54514
+ onToggle: handleToggle
54757
54515
  };
54758
54516
  };
54759
54517
  /* harmony default export */ var use_tree_node = (useTreeNode);
@@ -54844,8 +54602,7 @@ var Node = function Node(props) {
54844
54602
  fetching = _useTreeNode.fetching,
54845
54603
  setFetching = _useTreeNode.setFetching,
54846
54604
  expanded = _useTreeNode.expanded,
54847
- setExpanded = _useTreeNode.setExpanded,
54848
- onTriggered = _useTreeNode.onTriggered;
54605
+ setExpanded = _useTreeNode.setExpanded;
54849
54606
  var children = data[childrenKey];
54850
54607
  var hasChildren = children && children.length > 0;
54851
54608
  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
@@ -55031,7 +54788,6 @@ var Node = function Node(props) {
55031
54788
  onChange: onChange,
55032
54789
  onFetch: handleFetch,
55033
54790
  onNodeClick: onNodeClick,
55034
- onTriggered: onTriggered,
55035
54791
  onDragOver: handleDragOver,
55036
54792
  onToggle: handleToggle,
55037
54793
  actionOnClick: actionOnClick
@@ -55197,19 +54953,7 @@ var VirtualNode = function VirtualNode(props) {
55197
54953
  });
55198
54954
  if (onToggle) onToggle(id, nextExpanded);
55199
54955
  };
55200
- var getIndent = function getIndent() {
55201
- if (size === "large") {
55202
- if (line && level === 1) {
55203
- return 16;
55204
- }
55205
- return 32;
55206
- }
55207
- if (line && level === 1) {
55208
- return 8;
55209
- }
55210
- return 24;
55211
- };
55212
- var indent = getIndent();
54956
+ var indent = size === "large" ? 32 : 24;
55213
54957
  var $indents;
55214
54958
  if (line) {
55215
54959
  $indents = Array.from({
@@ -55445,11 +55189,6 @@ var SIZE_MAP = {
55445
55189
  'default': 36,
55446
55190
  'large': 42
55447
55191
  };
55448
- var PADDING_Y_MAP = {
55449
- 'small': 3,
55450
- 'default': 0,
55451
- 'large': 0
55452
- };
55453
55192
  var TreeVirtual = function TreeVirtual(props) {
55454
55193
  var jssStyle = props.jssStyle,
55455
55194
  height = props.height,
@@ -55528,8 +55267,7 @@ var TreeVirtual = function TreeVirtual(props) {
55528
55267
  keepScrollHeight: true,
55529
55268
  dynamicVirtual: true,
55530
55269
  lineHeight: lineHeight,
55531
- renderItem: renderItem,
55532
- paddingY: PADDING_Y_MAP[datum.size || 'default']
55270
+ renderItem: renderItem
55533
55271
  });
55534
55272
  };
55535
55273
  /* harmony default export */ var tree_virtual = (TreeVirtual);
@@ -57510,8 +57248,7 @@ var usePagination = function usePagination(props) {
57510
57248
  return objectSpread2_default()({}, mergedEventHandlers);
57511
57249
  };
57512
57250
  return {
57513
- // current,
57514
- current: currentProp !== undefined ? currentProp : current,
57251
+ current: current,
57515
57252
  pageSize: pageSize,
57516
57253
  total: total,
57517
57254
  onChange: handleChange,
@@ -63955,8 +63692,19 @@ function useComponentMemo(getValue, condition, shouldUpdate) {
63955
63692
 
63956
63693
 
63957
63694
 
63695
+
63958
63696
  function Td(props) {
63959
- var _props$style, _props$style2;
63697
+ var _React$useState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(),
63698
+ _React$useState2 = slicedToArray_default()(_React$useState, 2),
63699
+ style = _React$useState2[0],
63700
+ setStyle = _React$useState2[1];
63701
+ (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
63702
+ if (!props.style) return;
63703
+ if (shallowEqual(props.style, style)) {
63704
+ return;
63705
+ }
63706
+ setStyle(props.style);
63707
+ }, [props.style]);
63960
63708
  var col = props.col,
63961
63709
  colSpan = props.colSpan,
63962
63710
  rowSpan = props.rowSpan,
@@ -63976,13 +63724,13 @@ function Td(props) {
63976
63724
  onMouseEnter: onMouseEnter,
63977
63725
  onMouseLeave: onMouseLeave,
63978
63726
  className: className,
63979
- style: props.style,
63727
+ style: style,
63980
63728
  dir: direction,
63981
63729
  "data-role": role,
63982
63730
  onClick: onClick,
63983
63731
  children: content
63984
63732
  }, col.key);
63985
- }, [data, className, (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.left, (_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.right, col.type, col.treeColumnsName], props.virtual === 'lazy' ? function (prev, next) {
63733
+ }, [data, className, style, col.type, col.treeColumnsName], props.virtual === 'lazy' ? function (prev, next) {
63986
63734
  if (col.type || col.treeColumnsName) {
63987
63735
  return true;
63988
63736
  }
@@ -64885,10 +64633,6 @@ var emptyRef = {
64885
64633
  return null;
64886
64634
  };
64887
64635
  var $empty = renderEmpty();
64888
- var tableStyle = {
64889
- width: width,
64890
- borderSpacing: 0
64891
- };
64892
64636
  var renderTable = function renderTable() {
64893
64637
  var _props$summary, _sticky$top, _props$data2;
64894
64638
  var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
@@ -65058,7 +64802,9 @@ var emptyRef = {
65058
64802
  role: theadIdRef.current
65059
64803
  })), {}, {
65060
64804
  children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
65061
- style: tableStyle,
64805
+ style: {
64806
+ width: width
64807
+ },
65062
64808
  ref: theadRef,
65063
64809
  children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps))]
65064
64810
  })
@@ -65087,9 +64833,10 @@ var emptyRef = {
65087
64833
  tableRef: tableRef,
65088
64834
  setFakeVirtual: setFakeVirtual,
65089
64835
  children: [!props.hideHeader && !props.sticky && $headTable, !!((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) && /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
65090
- style: objectSpread2_default()(objectSpread2_default()({}, tableStyle), {}, {
64836
+ style: {
64837
+ width: width,
65091
64838
  transform: virtualInfo.translateStyle
65092
- }),
64839
+ },
65093
64840
  ref: tbodyRef,
65094
64841
  children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
65095
64842
  currentIndex: virtualInfo.startIndex,
@@ -65100,7 +64847,9 @@ var emptyRef = {
65100
64847
  }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
65101
64848
  className: footWrapperClass,
65102
64849
  children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
65103
- style: tableStyle,
64850
+ style: {
64851
+ width: width
64852
+ },
65104
64853
  ref: tfootRef,
65105
64854
  children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
65106
64855
  })
@@ -65114,7 +64863,9 @@ var emptyRef = {
65114
64863
  className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
65115
64864
  onScroll: handleBodyScroll,
65116
64865
  children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
65117
- style: tableStyle,
64866
+ style: {
64867
+ width: width
64868
+ },
65118
64869
  ref: tbodyRef,
65119
64870
  children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), bodyCommonProps.data.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(TbodyEmpty, {
65120
64871
  children: renderEmpty()
@@ -65203,7 +64954,9 @@ var emptyRef = {
65203
64954
  }, props.style),
65204
64955
  dir: config.direction,
65205
64956
  children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
65206
- style: tableStyle,
64957
+ style: {
64958
+ width: width
64959
+ },
65207
64960
  children: props.children
65208
64961
  })
65209
64962
  });
@@ -67274,9 +67027,6 @@ var useTreeSelect = function useTreeSelect(props) {
67274
67027
 
67275
67028
 
67276
67029
 
67277
- var defaultProps = {
67278
- data: []
67279
- };
67280
67030
  var TreeSelect = function TreeSelect(props0) {
67281
67031
  var _jssStyle$treeSelect;
67282
67032
  var props = use_with_form_config(props0);
@@ -67293,7 +67043,7 @@ var TreeSelect = function TreeSelect(props0) {
67293
67043
  valueProp = props.value,
67294
67044
  defaultValue = props.defaultValue,
67295
67045
  _props$data = props.data,
67296
- data = _props$data === void 0 ? defaultProps.data : _props$data,
67046
+ data = _props$data === void 0 ? [] : _props$data,
67297
67047
  multiple = props.multiple,
67298
67048
  _props$mode = props.mode,
67299
67049
  mode = _props$mode === void 0 ? 1 : _props$mode,
@@ -67837,25 +67587,13 @@ var TreeSelect = function TreeSelect(props0) {
67837
67587
  var style = {
67838
67588
  maxHeight: height
67839
67589
  };
67840
- var rootStyle = {
67841
- padding: '0 4px'
67842
- };
67843
- if (!virtual) {
67844
- if (size === 'small') {
67845
- rootStyle = {
67846
- padding: '3px 4px'
67847
- };
67848
- } else if (size === 'large') {
67849
- rootStyle = {
67850
- padding: '0 5px'
67851
- };
67852
- }
67853
- }
67854
67590
  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
67855
67591
  className: classnames_default()(styles.tree, styles.treeWrapper),
67856
67592
  style: style,
67857
67593
  children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()(objectSpread2_default()({
67858
- rootStyle: rootStyle,
67594
+ rootStyle: {
67595
+ padding: '0 4px'
67596
+ },
67859
67597
  jssStyle: jssStyle,
67860
67598
  renderItem: renderItem
67861
67599
  }, treeProps), {}, {
@@ -69154,6 +68892,7 @@ var UploadButton = function UploadButton(props) {
69154
68892
  canDelete: undefined,
69155
68893
  showUploadList: false,
69156
68894
  customResult: undefined,
68895
+ drop: false,
69157
68896
  multiple: false,
69158
68897
  leftHandler: false,
69159
68898
  onPreview: undefined,
@@ -71659,7 +71398,7 @@ var upload_interface = __webpack_require__(8821);
71659
71398
 
71660
71399
 
71661
71400
  /* harmony default export */ var src_0 = ({
71662
- version: '3.7.5'
71401
+ version: '3.8.0-beta.2'
71663
71402
  });
71664
71403
  }();
71665
71404
  /******/ return __webpack_exports__;