@arco-design/mobile-react 2.19.0

package/cjs/slider/index.js

@@ -0,0 +1,196 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _contextProvider = require("../context-provider");
+
+var _hooks = require("./hooks");
+
+var _thumb = _interopRequireDefault(require("./thumb"));
+
+var _marks = _interopRequireDefault(require("./marks"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Slider = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      _useContext$prefixCls = _useContext.prefixCls,
+      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+
+  var _useContext2 = (0, _react.useContext)(_hooks.SliderContext),
+      className = _useContext2.className,
+      style = _useContext2.style,
+      disabled = _useContext2.disabled,
+      min = _useContext2.min,
+      max = _useContext2.max,
+      type = _useContext2.type,
+      showTooltip = _useContext2.showTooltip,
+      showMarks = _useContext2.showMarks;
+
+  var domRef = (0, _react.useRef)(null);
+  var lineRef = (0, _react.useRef)(null); // 拖动滑块的 index 为当前的 isTouching
+  // @en The index of the slider is the current isTouching
+
+  var _useState = (0, _react.useState)(-1),
+      commonIsTouching = _useState[0],
+      setCommonIsTouching = _useState[1];
+
+  var isHorizontal = /^horizontal/g.test(type);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: domRef.current
+    };
+  });
+
+  var _useSliderInit = (0, _hooks.useSliderInit)({
+    commonIsTouching: commonIsTouching
+  }),
+      firstRender = _useSliderInit.firstRender,
+      valueGroup = _useSliderInit.valueGroup,
+      setValueGroup = _useSliderInit.setValueGroup,
+      runTimeConfig = _useSliderInit.runTimeConfig,
+      isMultiThumb = _useSliderInit.isMultiThumb; // 最长线 div 位置
+
+
+  var getLinePosition = (0, _react.useCallback)(function () {
+    var _lineRef$current$getB, _lineRef$current;
+
+    var _ref = (_lineRef$current$getB = (_lineRef$current = lineRef.current) == null ? void 0 : _lineRef$current.getBoundingClientRect()) != null ? _lineRef$current$getB : {
+      width: 0,
+      left: 0,
+      top: 0,
+      height: 0
+    },
+        width = _ref.width,
+        left = _ref.left,
+        top = _ref.top,
+        height = _ref.height;
+
+    return {
+      length: isHorizontal ? width : height,
+      start: isHorizontal ? left : top
+    };
+  }, [isHorizontal, firstRender]);
+
+  var _useSliderStyle = (0, _hooks.useSliderStyle)({
+    getLinePosition: getLinePosition,
+    commonIsTouching: commonIsTouching,
+    valueGroup: valueGroup
+  }),
+      heightStyle = _useSliderStyle.heightStyle,
+      transitionClass = _useSliderStyle.transitionClass,
+      activeLineStyle = _useSliderStyle.activeLineStyle;
+
+  (0, _hooks.useSliderEvents)({
+    lineRef: lineRef,
+    valueGroup: valueGroup,
+    setValueGroup: setValueGroup,
+    getLinePosition: getLinePosition,
+    setCommonIsTouching: setCommonIsTouching
+  });
+
+  var _useSliderIcon = (0, _hooks.useSliderIcon)({
+    valueGroup: valueGroup
+  }),
+      renderPrefixLabel = _useSliderIcon.renderPrefixLabel,
+      renderSuffixLabel = _useSliderIcon.renderSuffixLabel;
+  /**
+   * 为了减少 dom 元素计算，只改变激活 line 的样式，让对应的 thumb 附着在两边，所以需要实时调整 className
+   * @en In order to reduce the calculation of dom elements, only the style of the active line is changed, so that the corresponding thumb is attached to both sides, so the className needs to be adjusted in real time
+   */
+
+
+  var thumbConfig = (0, _react.useMemo)(function () {
+    if (isMultiThumb) {
+      var classNames = ['is-end', 'is-start'];
+      return Array(2).fill('').map(function (_, index) {
+        var childClassName = classNames[index];
+
+        if (valueGroup[index] > valueGroup[1 - index]) {
+          childClassName = classNames[0];
+        } else if (valueGroup[index] < valueGroup[1 - index]) {
+          childClassName = classNames[1];
+        }
+
+        return {
+          className: childClassName
+        };
+      });
+    }
+
+    return [{
+      className: 'is-end'
+    }];
+    /**
+     * 只有 range 状态才监听 valueGroup
+     * @en Only listen to valueGroup in the range state
+     */
+  }, [isMultiThumb && valueGroup]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-slider " + className, "is-" + type, {
+      'is-disabled': disabled,
+      'show-tooltip': showTooltip !== 'never' && !disabled,
+      'show-marks': showMarks
+    }),
+    style: style,
+    ref: domRef
+  }, isHorizontal ? renderPrefixLabel : renderSuffixLabel, /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_marks.default, {
+    runTimeConfig: runTimeConfig,
+    className: transitionClass
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-line",
+    style: heightStyle,
+    ref: lineRef
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-line is-activated " + transitionClass,
+    style: (0, _extends2.default)({}, heightStyle, activeLineStyle)
+  }, thumbConfig.map(function (cfg, idx) {
+    return /*#__PURE__*/_react.default.createElement(_thumb.default, (0, _extends2.default)({
+      key: idx
+    }, (0, _extends2.default)({
+      value: Array.isArray(valueGroup) ? valueGroup[idx] : valueGroup,
+      min: min,
+      max: max,
+      isTouching: commonIsTouching === idx
+    }, cfg)));
+  })))), isHorizontal ? renderSuffixLabel : renderPrefixLabel);
+});
+/**
+ * 滑动型输入器，展示当前值和可选范围。
+ * @en Slide input component, displays the current value and optional range.
+ * @name 滑动输入条
+ * @name_en Slider
+ * @type 数据输入
+ * @type_en Data Entry
+ */
+
+var SliderWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useContext3 = (0, _react.useContext)(_contextProvider.GlobalContext),
+      _useContext3$prefixCl = _useContext3.prefixCls,
+      prefixCls = _useContext3$prefixCl === void 0 ? '' : _useContext3$prefixCl;
+
+  var defaultProps = (0, _react.useContext)(_hooks.SliderContext);
+  var newProps = (0, _extends2.default)({}, defaultProps, {
+    renderThumb: (0, _hooks.baseRenderThumb)(prefixCls)
+  }, props);
+  return /*#__PURE__*/_react.default.createElement(_hooks.SliderContext.Provider, {
+    value: newProps
+  }, /*#__PURE__*/_react.default.createElement(Slider, {
+    ref: ref
+  }));
+});
+var _default = SliderWrapper;
+exports.default = _default;

package/cjs/slider/marks.d.ts

@@ -0,0 +1,11 @@
+import React, { CSSProperties, ReactNode } from 'react';
+declare const Marks: ({ runTimeConfig, className, style, }: {
+    runTimeConfig: Array<{
+        value: number;
+        activated: boolean;
+        label: ReactNode;
+    }>;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+}) => JSX.Element;
+export default Marks;

package/cjs/slider/marks.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _contextProvider = require("../context-provider");
+
+var _hooks = require("./hooks");
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Marks = function Marks(_ref) {
+  var runTimeConfig = _ref.runTimeConfig,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style;
+
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      _useContext$prefixCls = _useContext.prefixCls,
+      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+
+  var _useContext2 = (0, _react.useContext)(_hooks.SliderContext),
+      type = _useContext2.type,
+      showMarks = _useContext2.showMarks,
+      max = _useContext2.max,
+      min = _useContext2.min;
+
+  var isHorizontal = /^horizontal/g.test(type);
+  var genMarkStyle = (0, _react.useCallback)(function (value) {
+    var _ref2;
+
+    return _ref2 = {}, _ref2[isHorizontal ? 'left' : 'bottom'] = (value - min) / (max - min) * 100 + "%", _ref2;
+  }, [isHorizontal, min, max]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-marks"
+  }, runTimeConfig.map(function (_ref3) {
+    var value = _ref3.value,
+        label = _ref3.label,
+        activated = _ref3.activated;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: value,
+      className: (0, _mobileUtils.cls)(prefixCls + "-slider-marks-item", {
+        'is-activated': activated
+      }, className),
+      style: (0, _extends2.default)({}, genMarkStyle(value), style)
+    }, showMarks && /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixCls + "-slider-marks-item-label"
+    }, label));
+  }));
+};
+
+var _default = Marks;
+exports.default = _default;

package/cjs/slider/popover.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const Popover: ({ visible, content, children, }: {
+    visible: boolean;
+    content: ReactNode;
+    children: ReactNode;
+}) => JSX.Element;

package/cjs/slider/popover.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.Popover = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _transition = _interopRequireDefault(require("../transition"));
+
+var _contextProvider = require("../context-provider");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Popover = function Popover(_ref) {
+  var visible = _ref.visible,
+      content = _ref.content,
+      children = _ref.children;
+
+  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      _useContext$prefixCls = _useContext.prefixCls,
+      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-popover-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_transition.default, {
+    in: visible,
+    timeout: 300,
+    type: "fade",
+    mountOnEnter: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-popover" + (content ? '' : ' no-content')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-popover-content"
+  }, content), /*#__PURE__*/_react.default.createElement("div", {
+    className: prefixCls + "-slider-popover-arrow"
+  }))), children);
+};
+
+exports.Popover = Popover;

package/cjs/slider/style/css/index.css

@@ -0,0 +1,282 @@
+.arco-slider {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  padding:  0.22rem 0.32rem ;
+}
+.arco-slider.is-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+}
+.arco-slider.is-horizontal.show-marks {
+  padding-bottom:  0.7rem ;
+}
+.arco-slider-wrapper {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+}
+.is-vertical .arco-slider-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+}
+.arco-slider-label {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+  font-size:  0.32rem ;
+  color:  #86909c ;
+}
+.is-horizontal .arco-slider-label {
+  margin-right:  0.24rem ;
+}
+.is-vertical .arco-slider-label {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  margin-bottom:  0.24rem ;
+}
+.is-horizontal .arco-slider-wrapper + .arco-slider-label {
+  margin-right: 0;
+  margin-left:  0.24rem ;
+}
+.is-vertical .arco-slider-wrapper + .arco-slider-label {
+  margin-bottom: 0;
+  margin-top:  0.24rem ;
+}
+.arco-slider-line {
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+  border-radius:  0.08rem ;
+  background:  #e5e6eb ;
+}
+.arco-slider-line:not(.is-activated)::before {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+}
+.is-horizontal .arco-slider-line:not(.is-activated)::before {
+  top: -50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  padding:  0.3rem 0;
+}
+.is-vertical .arco-slider-line:not(.is-activated)::before {
+  left: -50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  padding: 0 0.3rem ;
+}
+.arco-slider-line.is-activated {
+  position: absolute;
+  background:  #165dff ;
+}
+.is-disabled .arco-slider-line.is-activated {
+  background:  #94bfff ;
+}
+.arco-slider-thumb {
+  width:  0.48rem ;
+  height:  0.48rem ;
+  background:  #ffffff ;
+  box-shadow:  0 2PX 8PX rgba(0, 0, 0, 0.1) ;
+  border-radius:  50% ;
+}
+.arco-slider-thumb-wrapper {
+  position: absolute;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  width: -webkit-fit-content;
+  width: fit-content;
+  height: -webkit-fit-content;
+  height: fit-content;
+  margin: auto;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+          align-items: center;
+}
+.is-vertical .arco-slider-thumb-wrapper {
+  left: 1PX;
+  right: 0;
+}
+.is-vertical .arco-slider-thumb-wrapper.is-end {
+  top: 0;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+.is-vertical .arco-slider-thumb-wrapper.is-start {
+  bottom: 0;
+  -webkit-transform: translate(-50%, 50%);
+          transform: translate(-50%, 50%);
+}
+.is-horizontal .arco-slider-thumb-wrapper {
+  top: 0;
+  bottom: 0;
+}
+.is-horizontal .arco-slider-thumb-wrapper.is-end {
+  right: 0;
+  -webkit-transform: translateX(50%);
+          transform: translateX(50%);
+}
+.is-horizontal .arco-slider-thumb-wrapper.is-start {
+  left: 0;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.arco-slider-popover-wrapper .arco-slider-thumb {
+  position: relative;
+}
+.arco-slider-popover {
+  position: absolute;
+  width: -webkit-max-content;
+  width: max-content;
+  color:  #fff ;
+  font-size:  0.24rem ;
+  line-height:  0.34rem ;
+}
+.is-horizontal .arco-slider-popover {
+  bottom: 100%;
+  margin-bottom:  0.28rem ;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.is-vertical .arco-slider-popover {
+  left: 100%;
+  margin-left:  0.28rem ;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.arco-slider-popover.no-content {
+  display: none;
+}
+.arco-slider-popover-wrapper {
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.arco-slider-popover-content {
+  position: relative;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  border-radius:  4PX ;
+  padding:  0.16rem 0.24rem ;
+  z-index: 2;
+  background-color:  #000000 ;
+}
+.android .arco-slider-popover-content {
+  padding:  0.2rem 0.24rem 0.12rem ;
+}
+.arco-slider-popover-content p {
+  white-space: normal;
+  word-break: break-all;
+  text-align: left;
+  font-size:  0.28rem ;
+  line-height:  0.4rem ;
+}
+.arco-slider-popover-arrow {
+  position: absolute;
+  margin: auto;
+  width: 0;
+  height: 0;
+  border-width:  6PX ;
+  border-style: solid;
+  border-color: transparent;
+}
+.is-horizontal .arco-slider-popover-arrow {
+  -webkit-transform: translateY(100%);
+          transform: translateY(100%);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border-top-color:  #000000 ;
+}
+.is-vertical .arco-slider-popover-arrow {
+  border-right-color:  #000000 ;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+.arco-slider-marks {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+          flex: 1;
+}
+.arco-slider-marks-item {
+  position: absolute;
+  margin: auto;
+  width:  6PX ;
+  height:  6PX ;
+  border-radius:  50% ;
+  background:  #e5e6eb ;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.arco-slider-marks-item.is-activated {
+  background:  #165dff ;
+}
+.is-vertical .arco-slider-marks-item {
+  left: 0;
+  right: 0;
+}
+.is-horizontal .arco-slider-marks-item {
+  top: 0;
+  bottom: 0;
+}
+.arco-slider-marks-item-label {
+  position: absolute;
+  font-size:  0.28rem ;
+  line-height:  0.4rem ;
+  color:  #86909c ;
+}
+.is-horizontal .arco-slider-marks-item-label {
+  left: 50%;
+  top:  0.38rem ;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.is-vertical .arco-slider-marks-item-label {
+  top: 50%;
+  right:  0.26rem ;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.arco-slider .is-transferable {
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.arco-slider .arco-fade-enter-active,
+.arco-slider .arco-fade-enter-done {
+  opacity:  0.8 ;
+}

package/cjs/slider/style/css/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../../style/css/public.css';
+import '../../../transition/style/css';
+import './index.css';

package/cjs/slider/style/css/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../../../style/css/public.css");
+
+require("../../../transition/style/css");
+
+require("./index.css");

package/cjs/slider/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../style/public.less';
+import '../../transition/style';
+import './index.less';

package/cjs/slider/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("../../../style/public.less");
+
+require("../../transition/style");
+
+require("./index.less");