@sheinx/shineout-style 3.0.0-alpha.2 → 3.0.0-alpha.5

package/cjs/tree-select/tree-select.d.ts

@@ -0,0 +1,67 @@
+import { JsStyles } from '../jss-style';
+export declare type TreeSelectClasses = {
+    wrapper: string;
+    wrapperDisabled: string;
+    wrapperSmall: string;
+    wrapperLarge: string;
+    wrapperFocus: string;
+    wrapperError: string;
+    wrapperNoBorder: string;
+    wrapperUnderline: string;
+    wrapperInnerTitle: string;
+    wrapperInnerTitleTop: string;
+    wrapperInnerTitleBottom: string;
+    wrapperPaddingBox: string;
+    resultWrapper: string;
+    result: string;
+    resultAlignRight: string;
+    resultAlignLeft: string;
+    resultAlignCenter: string;
+    resultText: string;
+    resultTextActive: string;
+    resultTextDisabled: string;
+    resultTextWrapper: string;
+    resultTextPadding: string;
+    compressedWrapper: string;
+    multipleCompressedWrapper: string;
+    multipleResultWrapper: string;
+    controlMouse: string;
+    controlKeyboard: string;
+    placeholder: string;
+    pickerWrapper: string;
+    clearable: string;
+    clearIcon: string;
+    arrowIconOpen: string;
+    arrowIcon: string;
+    ellipsis: string;
+    multiple: string;
+    loading: string;
+    checkedIcon: string;
+    moreIcon: string;
+    list: string;
+    tree: string;
+    treeOption: string;
+    tag: string;
+    space: string;
+    inputMirror: string;
+    moreWrapper: string;
+    virtualList: string;
+    option: string;
+    optionInner: string;
+    optionHover: string;
+    optionActive: string;
+    optionDisabled: string;
+    optionGroup: string;
+    optionGroupTitle: string;
+    header: string;
+    customHeader: string;
+    columnsTitle: string;
+    columns: string;
+    columnsOption: string;
+    columnsRadio: string;
+    columnsCheckbox: string;
+};
+export declare type TreeSelectClassType = keyof TreeSelectClasses;
+declare const treeSelectStyle: JsStyles<TreeSelectClassType>;
+export default treeSelectStyle;
+//# sourceMappingURL=tree-select.d.ts.map

package/cjs/tree-select/tree-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;IAClC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AACF,oBAAY,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0ZlD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -0,0 +1,465 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _inputBorder = _interopRequireDefault(require("../input/input-border"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var inputBorderToken = {
+  lineHeight: _theme.default.lineHeightDynamic,
+  borderRadius: _theme.default.treeSelectBorderRadius,
+  fontSize: _theme.default.treeSelectFontSize,
+  smallFontSize: _theme.default.treeSelectSmallFontSize,
+  largeFontSize: _theme.default.treeSelectLargeFontSize,
+  paddingY: _theme.default.treeSelectPaddingY,
+  smallPaddingY: _theme.default.treeSelectSmallPaddingY,
+  largePaddingY: _theme.default.treeSelectLargePaddingY,
+  paddingX: _theme.default.treeSelectPaddingX,
+  smallPaddingX: _theme.default.treeSelectSmallPaddingX,
+  largePaddingX: _theme.default.treeSelectLargePaddingX,
+  borderColor: _theme.default.treeSelectBorderColor,
+  focusBorderColor: _theme.default.treeSelectFocusBorderColor,
+  hoverBorderColor: _theme.default.treeSelectHoverBorderColor,
+  disabledBorderColor: _theme.default.treeSelectDisabledBorderColor,
+  errorBorderColor: _theme.default.treeSelectErrorBorderColor,
+  fontColor: _theme.default.treeSelectFontColor,
+  disabledFontColor: _theme.default.treeSelectDisabledFontColor,
+  backgroundColor: _theme.default.treeSelectBackgroundColor,
+  disabledBackgroundColor: _theme.default.treeSelectDisabledBackgroundColor,
+  focusShadow: _theme.default.treeSelectFocusShadow,
+  errorFocusShadow: _theme.default.treeSelectErrorFocusShadow,
+  innerTitlePaddingY: _theme.default.inputInnerPaddingY,
+  innerTitlePaddingX: _theme.default.inputInnerPaddingX,
+  smallInnerTitlePaddingY: _theme.default.inputInnerSmallPaddingY,
+  smallInnerTitlePaddingX: _theme.default.inputInnerSmallPaddingX,
+  largeInnerTitlePaddingY: _theme.default.inputInnerLargePaddingY,
+  largeInnerTitlePaddingX: _theme.default.inputInnerLargePaddingX
+};
+var inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
+var wrapper = inputBorder.wrapper,
+  wrapperDisabled = inputBorder.wrapperDisabled,
+  resetWrapper = (0, _objectWithoutProperties2.default)(inputBorder, ["wrapper", "wrapperDisabled"]);
+var treeSelectStyle = _objectSpread(_objectSpread({
+  wrapper: _objectSpread(_objectSpread({
+    display: 'inline-block',
+    position: 'relative',
+    width: '100%',
+    outline: 'none',
+    cursor: 'pointer'
+  }, wrapper), {}, {
+    '&$wrapperSmall': {
+      '& $tag': {
+        height: 18,
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: _theme.default.treeSelectSmallOptionInnerPaddingY,
+        paddingBottom: _theme.default.treeSelectSmallOptionInnerPaddingY,
+        paddingLeft: _theme.default.treeSelectSmallOptionInnerPaddingX,
+        // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
+        fontSize: _theme.default.treeSelectSmallFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.treeSelectSmallPaddingX
+      }
+    },
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: _theme.default.treeSelectLargePlaceholderMarginY,
+        marginBottom: _theme.default.treeSelectLargePlaceholderMarginY
+      },
+      '& $optionInner': {
+        // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
+        paddingTop: _theme.default.treeSelectLargeOptionInnerPaddingY,
+        paddingBottom: _theme.default.treeSelectLargeOptionInnerPaddingY,
+        paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
+        fontSize: _theme.default.treeSelectLargeFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.treeSelectLargePaddingX
+      }
+    }
+  }),
+  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
+    '& $icon': {
+      color: _theme.default.treeSelectDisabledFontColor
+    }
+  })
+}, resetWrapper), {}, {
+  resultWrapper: {
+    display: 'flex',
+    flex: 1,
+    minWidth: 0,
+    position: 'relative',
+    outline: 'none',
+    overflow: 'hidden',
+    '&:hover': {
+      '& $clear': {
+        display: 'inline-flex'
+      },
+      '& $clear + $icon': {
+        display: 'none'
+      }
+    }
+  },
+  result: {
+    display: 'flex',
+    flex: '1',
+    minWidth: 0,
+    alignItems: 'center',
+    lineHeight: _theme.default.lineHeightDynamic,
+    paddingRight: "calc(".concat(_theme.default.treeSelectSmallFontSize, " + ").concat(_theme.default.treeSelectClearPadding, ")")
+  },
+  resultTextWrapper: {
+    display: 'flex',
+    flex: '1',
+    minWidth: 0,
+    textAlign: 'left',
+    '& > input': {
+      marginTop: 2,
+      marginBottom: 2,
+      color: 'inherit',
+      padding: 0,
+      border: 0,
+      outline: 0,
+      fontSize: 'inherit',
+      lineHeight: _theme.default.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      minWidth: 12,
+      maxWidth: '100%',
+      // flex: 1,
+      width: 12,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      '&::placeholder': {
+        color: _theme.default.treeSelectPlaceholderColor
+      }
+    }
+  },
+  resultAlignLeft: {
+    '& $resultTextWrapper': {
+      textAlign: 'left'
+    }
+  },
+  resultAlignRight: {
+    '& $resultTextWrapper': {
+      textAlign: 'right'
+    }
+  },
+  resultAlignCenter: {
+    '& $resultTextWrapper': {
+      textAlign: 'center'
+    }
+  },
+  resultText: {
+    lineHeight: _theme.default.lineHeightDynamic,
+    position: 'relative',
+    flex: '1',
+    minWidth: 0,
+    '&::before': {
+      content: '""',
+      display: 'inline-block'
+    }
+  },
+  resultTextPadding: {
+    position: 'absolute',
+    padding: "0 ".concat(_theme.default.treeSelectResultTextPaddingX),
+    left: "calc(-1 * ".concat(_theme.default.treeSelectResultTextPaddingX, ")"),
+    right: "calc(-1 * ".concat(_theme.default.treeSelectResultTextPaddingX, ")"),
+    top: '0',
+    bottom: '0',
+    borderRadius: _theme.default.treeSelectResultTextBorderRadius,
+    '& > input': {
+      color: 'inherit',
+      padding: '0',
+      border: '0',
+      outline: '0',
+      fontSize: 'inherit',
+      lineHeight: _theme.default.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      width: '100%',
+      '&::placeholder': {
+        color: _theme.default.treeSelectPlaceholderColor
+      }
+    }
+  },
+  resultTextActive: {
+    '& $resultTextPadding': {
+      backgroundColor: _theme.default.treeSelectResultTextActiveBackgroundColor
+    }
+  },
+  resultTextDisabled: {
+    color: _theme.default.treeSelectDisabledFontColor,
+    cursor: 'not-allowed'
+  },
+  compressedWrapper: {
+    width: 0,
+    overflow: 'hidden'
+  },
+  controlMouse: {
+    '& $optionInner:hover': {
+      backgroundColor: _theme.default.treeSelectOptionHoverBackgroundColor
+    }
+  },
+  controlKeyboard: {
+    '& $optionHover': {
+      '& $optionInner': {
+        backgroundColor: _theme.default.treeSelectOptionHoverBackgroundColor
+      }
+    }
+  },
+  placeholder: {
+    color: _theme.default.treeSelectPlaceholderColor,
+    lineHeight: _theme.default.lineHeightDynamic,
+    marginTop: _theme.default.treeSelectPlaceholderMarginY,
+    marginBottom: _theme.default.treeSelectPlaceholderMarginY
+  },
+  pickerWrapper: {
+    position: 'absolute',
+    backgroundColor: _theme.default.treeSelectPanelBackgroundColor,
+    boxShadow: _theme.default.treeSelectPanelShadow,
+    borderRadius: _theme.default.treeSelectPanelRadius,
+    transformOrigin: '0 0'
+  },
+  clearable: {},
+  clearIcon: {
+    position: 'absolute',
+    right: _theme.default.treeSelectPaddingX,
+    top: "calc(50% - 1em/2)",
+    cursor: 'pointer',
+    width: _theme.default.treeSelectFontSize,
+    lineHeight: 0,
+    color: _theme.default.treeSelectClearColor,
+    verticalAlign: 'middle'
+  },
+  arrowIcon: {
+    position: 'absolute',
+    right: _theme.default.treeSelectPaddingX,
+    top: "calc(50% - 1em/2)",
+    verticalAlign: 'middle',
+    width: _theme.default.treeSelectFontSize,
+    lineHeight: 0,
+    color: _theme.default.treeSelectIconColor,
+    transition: 'transform 0.3s'
+  },
+  arrowIconOpen: {
+    transform: 'rotate(180deg)',
+    color: _theme.default.treeSelectHoverBorderColor
+  },
+  ellipsis: {
+    display: 'block',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    marginTop: _theme.default.treeSelectPlaceholderMarginY,
+    marginBottom: _theme.default.treeSelectPlaceholderMarginY
+  },
+  multiple: {
+    '& $optionInner': {
+      paddingRight: _theme.default.treeSelectOptionInnerPaddingRight
+    },
+    '& $resultTextWrapper': {
+      flexWrap: 'wrap'
+    },
+    '& $compressedWrapper': {
+      flexWrap: 'nowrap'
+    },
+    '& $placeholder': {}
+  },
+  multipleCompressedWrapper: {
+    flexWrap: 'nowrap'
+  },
+  multipleResultWrapper: {
+    flexWrap: 'wrap'
+  },
+  loading: {
+    padding: 10
+  },
+  checkedIcon: {
+    right: 8,
+    top: "calc(50% - 1em/2)",
+    position: 'absolute',
+    display: 'inline-flex',
+    width: _theme.default.treeSelectFontSize,
+    fontSize: _theme.default.treeSelectFontSize
+  },
+  moreIcon: {
+    display: 'inline-flex',
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  list: {
+    paddingTop: 3,
+    paddingBottom: 3
+  },
+  tree: {
+    padding: 4,
+    overflow: 'auto'
+  },
+  treeOption: {
+    '& $optionDisabled': {
+      cursor: 'not-allowed',
+      '&:hover:not([data-active="true"])': {
+        backgroundColor: "".concat(_theme.default.treeSelectOptionDisabledBackgroundColor)
+      }
+    }
+  },
+  tag: {
+    '&$tag + &$tag': {
+      marginLeft: 0
+    },
+    maxWidth: '80%',
+    marginRight: 4,
+    marginTop: _theme.default.treeSelectPlaceholderMarginY,
+    marginBottom: _theme.default.treeSelectPlaceholderMarginY,
+    textWrap: 'nowrap'
+  },
+  space: {
+    marginTop: _theme.default.treeSelectPlaceholderMarginY,
+    marginBottom: _theme.default.treeSelectPlaceholderMarginY
+  },
+  inputMirror: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    visibility: 'hidden'
+  },
+  moreWrapper: {
+    width: 248,
+    height: 72,
+    overflow: 'auto',
+    padding: "".concat(_theme.default.treeSelectMorePaddingY, " ").concat(_theme.default.treeSelectMorePaddingX)
+  },
+  virtualList: {
+    margin: 0,
+    padding: 0
+  },
+  option: {
+    listStyle: 'none',
+    lineHeight: _theme.default.lineHeightDynamic,
+    padding: "".concat(_theme.default.treeSelectOptionPaddingY, " ").concat(_theme.default.treeSelectOptionPaddingX),
+    // not disabled
+    '&:not($optionDisabled)': {
+      cursor: 'pointer'
+    }
+    // hover
+    // '&:hover': {
+    //   '& $optionInner': {
+    //     backgroundColor: token.treeSelectOptionHoverBackgroundColor,
+    //   },
+    // },
+  },
+
+  optionInner: {
+    position: 'relative',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    fontSize: _theme.default.treeSelectFontSize,
+    padding: "".concat(_theme.default.treeSelectOptionInnerPaddingY, " ").concat(_theme.default.treeSelectOptionInnerPaddingX),
+    borderRadius: _theme.default.treeSelectOptionInnerBorderRadius
+  },
+  optionHover: {
+    // backgroundColor: token.treeSelectOptionHoverBackgroundColor,
+    // '& $optionInner:hover': {
+    //   backgroundColor: token.treeSelectOptionHoverBackgroundColor,
+    // },
+  },
+  optionActive: {
+    color: _theme.default.treeSelectOptionActiveColor,
+    backgroundColor: _theme.default.treeSelectOptionActiveBackgroundColor,
+    '&>div': {
+      color: _theme.default.treeSelectOptionActiveColor
+    }
+  },
+  optionDisabled: {
+    cursor: 'not-allowed',
+    color: _theme.default.treeSelectOptionDisabledColor,
+    backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor,
+    '&>div': {
+      cursor: 'not-allowed',
+      color: _theme.default.treeSelectOptionDisabledColor,
+      backgroundColor: _theme.default.treeSelectOptionDisabledBackgroundColor
+    }
+  },
+  optionGroup: {},
+  optionGroupTitle: {
+    fontSize: _theme.default.treeSelectGroupTitleFontSize,
+    padding: "".concat(_theme.default.treeSelectGroupTitlePaddingY, " ").concat(_theme.default.treeSelectGroupTitlePaddingX),
+    color: _theme.default.treeSelectGroupTitleFontColor
+  },
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    boxSizing: 'border-box',
+    height: 32,
+    padding: _theme.default.treeSelectHeaderPadding,
+    borderBottom: "1px solid ".concat(_theme.default.treeSelectHeaderBorderColor),
+    '& $columnsCheckbox': {
+      marginRight: 0,
+      width: 'auto'
+    }
+  },
+  columnsTitle: {},
+  customHeader: {},
+  columns: {
+    display: 'flex',
+    alignItems: 'center',
+    '& $optionGroupTitle': {
+      padding: "0 ".concat(_theme.default.treeSelectHeaderPadding),
+      marginLeft: _theme.default.treeSelectColumnOptionMargin
+    }
+  },
+  columnsOption: {
+    // flex: 1,
+    paddingLeft: _theme.default.treeSelectColumnPadding,
+    paddingRight: _theme.default.treeSelectColumnPadding,
+    lineHeight: 1,
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    '& $columnsCheckbox': {
+      marginRight: 0
+    }
+  },
+  columnsRadio: {
+    width: '100%',
+    marginLeft: _theme.default.treeSelectColumnOptionMargin,
+    '& :last-child': {
+      flex: 1,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  },
+  columnsCheckbox: {
+    width: '100%',
+    marginLeft: _theme.default.treeSelectColumnOptionMargin,
+    '& :last-child': {
+      flex: 1,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }
+});
+var _default = treeSelectStyle;
+exports.default = _default;

package/cjs/upload/index.d.ts

@@ -2,3 +2,4 @@ import uploadStyle from './upload';
 declare const useUploadStyle: (data?: undefined) => import("jss").Classes<keyof import("./upload").UploadClasses>;
 export { uploadStyle, useUploadStyle };
 export default useUploadStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,qFAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}

package/cjs/upload/upload.d.ts

@@ -3,6 +3,7 @@ export interface UploadClasses {
     wrapper: string;
     wrapperImage: string;
     wrapperDisabled: string;
+    wrapperDrop: string;
     dropItem: string;
     handler: string;
     icon: string;
@@ -38,3 +39,4 @@ export interface UploadClasses {
 export declare type UploadClassType = keyof UploadClasses;
 declare const uploadStyle: JsStyles<UploadClassType>;
 export default uploadStyle;
+//# sourceMappingURL=upload.d.ts.map

package/cjs/upload/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IAEvB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAsU1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/upload/upload.js

@@ -23,12 +23,14 @@ var uploadStyle = {
       opacity: 0.5
     }
   },
+  wrapperDrop: {},
   handler: {
     display: 'inline-block',
     cursor: 'pointer',
     boxSizing: 'border-box',
     '$wrapperDrop:not($wrapperDisabled) &': {
       width: '100%',
+      height: '100%',
       borderRadius: _theme.default.uploadImageBorderRadius,
       border: "1px dashed ".concat(_theme.default.uploadImageHandlerBorderColor),
       backgroundColor: _theme.default.uploadImageHandlerBackgroundColor,
@@ -36,6 +38,11 @@ var uploadStyle = {
       '&:hover': {
         borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
         color: _theme.default.uploadImageHandlerHoverFontColor
+      },
+      '$wrapperDisabled &': {
+        borderColor: _theme.default.uploadImageHandlerDisabledBorderColor,
+        backgroundColor: _theme.default.uploadImageHandlerDisabledBackgroundColor,
+        color: _theme.default.uploadImageHandlerDisabledFontColor
       }
     }
   },
@@ -51,6 +58,7 @@ var uploadStyle = {
     color: _theme.default.uploadResultIconColor,
     display: 'flex',
     alignItems: 'center',
+    padding: '0 6px',
     '$resultError $resultText &': {
       color: _theme.default.uploadResultErrorFontColor
     },
@@ -135,14 +143,19 @@ var uploadStyle = {
     '$wrapper:not($wrapperDisabled) &:hover': {
       borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
       color: _theme.default.uploadImageHandlerHoverFontColor
+    },
+    '$wrapperDisabled &': {
+      borderColor: _theme.default.uploadImageHandlerDisabledBorderColor,
+      backgroundColor: _theme.default.uploadImageHandlerDisabledBackgroundColor,
+      color: _theme.default.uploadImageHandlerDisabledFontColor
     }
   },
   imageHandlerIcon: {
     display: 'flex',
     alignItems: 'center',
     '& > svg': {
-      width: 30,
-      height: 30
+      width: 20,
+      height: 20
     }
   },
   imageResult: {
@@ -152,6 +165,7 @@ var uploadStyle = {
     position: 'relative',
     '$resultError&': {
       borderStyle: 'dashed',
+      borderWidth: '2px',
       borderColor: _theme.default.uploadImageHandlerErrorBorderColor,
       color: _theme.default.uploadImageHandlerErrorFontColor
     }
@@ -217,7 +231,8 @@ var uploadStyle = {
   },
   imageResultMaskInfo: {
     lineHeight: _theme.default.lineHeightDynamic,
-    color: _theme.default.uploadImageResultMaskIconColor
+    color: _theme.default.uploadImageResultMaskIconColor,
+    fontSize: _theme.default.uploadImageResultTipFontSize
   },
   imageResultTopBtn: {
     position: 'absolute',
@@ -275,6 +290,7 @@ var uploadStyle = {
       '& $handler, & $imageHandler, & $imageResult': {
         borderColor: _theme.default.uploadImageHandlerHoverBorderColor,
         borderStyle: 'dashed',
+        borderWidth: '2px',
         color: _theme.default.uploadImageHandlerHoverFontColor
       }
     }

package/cjs/virtual-scroll/index.d.ts

@@ -1,4 +1,6 @@
 import virtualScrollStyle from './virtual-scroll';
-declare const useVirtualScrollStyle: (data?: undefined) => import("jss").Classes<"footer" | "iframe" | "container" | "scroll" | "bar" | "virtual" | "scrolled">;
-export { virtualScrollStyle, useVirtualScrollStyle };
+import type { VirtualScrollClasses } from './virtual-scroll';
+declare const useVirtualScrollStyle: (data?: undefined) => import("jss").Classes<VirtualScrollClasses>;
+export { virtualScrollStyle, useVirtualScrollStyle, VirtualScrollClasses };
 export default useVirtualScrollStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/virtual-scroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,QAAA,MAAM,qBAAqB,mEAAwC,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AAC3E,eAAe,qBAAqB,CAAC"}

package/cjs/virtual-scroll/virtual-scroll.d.ts

@@ -1,4 +1,5 @@
 import { JsStyles } from '../jss-style';
-declare type VirtualClass = 'scroll' | 'virtual' | 'iframe' | 'container' | 'footer' | 'bar' | 'scrolled';
-declare const VirtualScrollStyle: JsStyles<VirtualClass>;
+export declare type VirtualScrollClasses = 'scroll' | 'virtual' | 'iframe' | 'container' | 'footer' | 'bar' | 'scrolled';
+declare const VirtualScrollStyle: JsStyles<VirtualScrollClasses>;
 export default VirtualScrollStyle;
+//# sourceMappingURL=virtual-scroll.d.ts.map

package/cjs/virtual-scroll/virtual-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-scroll.d.ts","sourceRoot":"","sources":["virtual-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,oBAAoB,GAC5B,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,KAAK,GACL,UAAU,CAAC;AAEf,QAAA,MAAM,kBAAkB,EAAE,QAAQ,CAAC,oBAAoB,CA4BtD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/esm/alert/alert.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type AlertClass = 'alert' | 'noBordered' | 'content' | 'widthTitle' | 'title' | 'close' | 'info' | 'success' | 'warning' | 'confirmwarning' | 'danger' | 'infoIcon' | 'successIcon' | 'warningIcon' | 'confirmwarningIcon' | 'confirmIcon' | 'dangerIcon' | 'icon' | 'text' | 'pending';
 declare const alertStyle: JsStyles<AlertClass>;
 export default alertStyle;
+//# sourceMappingURL=alert.d.ts.map

package/esm/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["alert.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,UAAU,GAClB,OAAO,GACP,YAAY,GACZ,SAAS,GACT,YAAY,GACZ,OAAO,GACP,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,aAAa,GACb,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,YAAY,GACZ,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AAEd,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuHpC,CAAC;AAEF,eAAe,UAAU,CAAC"}