@sheinx/base 3.0.0-alpha.1 → 3.0.0-alpha.3

package/cjs/cascader/node.js

@@ -0,0 +1,133 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _spin = _interopRequireDefault(require("../spin"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 CascaderNode = function CascaderNode(props) {
+  var _jssStyle$cascader;
+  var jssStyle = props.jssStyle,
+    active = props.active,
+    data = props.data,
+    multiple = props.multiple,
+    datum = props.datum,
+    id = props.id,
+    path = props.path,
+    loader = props.loader,
+    expandTrigger = props.expandTrigger,
+    renderItem = props.renderItem,
+    childrenKey = props.childrenKey,
+    shouldFinal = props.shouldFinal,
+    onChange = props.onChange,
+    onPathChange = props.onPathChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var checkboxRef = (0, _react.useRef)();
+  var isDisabled = datum.isDisabled(id);
+  var children = data[childrenKey];
+  var hasChildren = children && children.length > 0;
+  var uncertainChildren = loader && !loading && children === undefined;
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
+  var rootClass = (0, _classnames.default)(styles.option, active && styles.activeOption, isDisabled && styles.optionDisabled);
+  var handlePathChange = function handlePathChange() {
+    onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(id, data, path);
+  };
+  var handleClick = function handleClick(e) {
+    if (shouldFinal && hasChildren) {
+      handlePathChange();
+      return;
+    }
+    if (onPathChange) onPathChange(id, data, path, true);
+    if (!multiple) {
+      if (onChange && path) onChange([].concat((0, _toConsumableArray2.default)(path), [id]), datum.getDataById(id));
+    }
+    // [TODO] - className Search
+    if (loader && !loading && !_hooks.util.getParent(e.target, '.so-checkbox-indicator')) {
+      setLoading(true);
+      loader(id, data);
+    }
+  };
+  var handleChange = function handleChange(_, checked) {
+    datum.set(id, checked ? 1 : 0);
+    if (onChange) onChange(datum.getValue(), datum.getDataById(id));
+  };
+  var handleSelect = function handleSelect(e) {
+    if (_hooks.util.getParent(e.target, checkboxRef.current)) return;
+    var checked = datum.getChecked(id);
+    handleChange(null, !checked);
+  };
+  var getEvents = function getEvents() {
+    var events = {};
+    if (!isDisabled && (expandTrigger !== 'hover-only' || !hasChildren)) {
+      events.onClick = handleClick;
+    }
+    if (expandTrigger === 'hover' || expandTrigger === 'hover-only') {
+      events.onMouseEnter = handlePathChange;
+      if (multiple) events.onClick = handleSelect;
+    }
+    return events;
+  };
+  var renderContent = function renderContent() {
+    var render = typeof renderItem === 'function' ? renderItem : function (d) {
+      return d[renderItem];
+    };
+    return render(data, active, id);
+  };
+  var renderIcon = function renderIcon() {
+    if (loading && children === undefined) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(styles.optionIcon),
+        style: {
+          paddingTop: 2
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+          jssStyle: jssStyle,
+          size: 10,
+          name: "ring"
+        })
+      });
+    }
+    if (hasChildren || uncertainChildren) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)(styles.optionIcon),
+        children: _icons.default.ArrowRight
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: rootClass
+  }, getEvents()), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(styles.optionInner),
+      children: [multiple && !(shouldFinal && hasChildren) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+        jssStyle: jssStyle,
+        className: styles.optionCheckbox,
+        checked: datum.getChecked(id),
+        disabled: isDisabled,
+        onChange: handleChange
+      }), renderContent(), renderIcon()]
+    })
+  }));
+};
+var _default = CascaderNode;
+exports.default = _default;

package/cjs/cascader/node.type.d.ts

@@ -0,0 +1,17 @@
+import { KeygenResult, UnMatchedData, ObjectKey } from '@sheinx/hooks';
+import { DatumType } from '../tree/tree.type';
+import { JssStyleType, CascaderProps } from './cascader.type';
+export interface CascaderNodeProps<DataItem, Value extends KeygenResult[]> extends Pick<CascaderProps<DataItem, Value>, 'loader' | 'multiple' | 'expandTrigger' | 'renderItem' | 'keygen' | 'mode'> {
+    data: DataItem;
+    active: boolean;
+    childrenKey: ObjectKey<DataItem>;
+    id: KeygenResult;
+    parentId: KeygenResult;
+    jssStyle?: JssStyleType;
+    datum: DatumType<DataItem, KeygenResult>['datum'];
+    shouldFinal: boolean;
+    path: Value;
+    onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
+    onChange: (value: Value, data?: DataItem | UnMatchedData | null) => void;
+}
+//# sourceMappingURL=node.type.d.ts.map

package/cjs/cascader/node.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E"}

package/cjs/cascader/node.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/checkbox/checkbox-group.js

@@ -71,6 +71,7 @@ var Group = function Group(props) {
   if (props.data === undefined) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: groupClass,
+      style: style,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
         value: providerValue,
         children: children

package/cjs/checkbox/simple-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBAoD3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"simple-checkbox.d.ts","sourceRoot":"","sources":["simple-checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBAsD3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/checkbox/simple-checkbox.js

@@ -66,7 +66,7 @@ var Checkbox = function Checkbox(props) {
           })]
         }) : null
       }))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    }), children !== undefined && children !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.desc,
       children: children
     }), typeof renderFooter === 'function' ? renderFooter(checked) : null]

package/cjs/collapse/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/cjs/collapse/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBAOE"}

package/cjs/collapse/__example__/01-base.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var collapseStyle = (0, _shineoutStyle.useCollapseStyle)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Collapse, {
+      jssStyle: {
+        collapse: collapseStyle
+      }
+    })
+  });
+};
+exports.default = _default;

package/cjs/collapse/collapse-item.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CollapseItemProps } from './collapse-item.type';
+declare const CollapseItem: (props: CollapseItemProps) => JSX.Element;
+export default CollapseItem;
+//# sourceMappingURL=collapse-item.d.ts.map

package/cjs/collapse/collapse-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAK9D,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBAsG7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/collapse/collapse-item.js

@@ -0,0 +1,106 @@
+"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");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _hooks = require("@sheinx/hooks");
+var _animationList = _interopRequireDefault(require("..//animation-list"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+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 CollapseItem = function CollapseItem(props) {
+  var _useContext = (0, _react.useContext)(_groupContext.default),
+    active = _useContext.active,
+    triggerRegion = _useContext.triggerRegion,
+    parentExpandIcon = _useContext.expandIcon,
+    onChange = _useContext.onChange,
+    expandIconPosition = _useContext.expandIconPosition,
+    extraPosition = _useContext.extraPosition,
+    border = _useContext.border;
+  var children = props.children,
+    keygen = props.keygen,
+    className = props.className,
+    jssStyle = props.jssStyle,
+    style = props.style,
+    disabled = props.disabled,
+    _props$showExpandIcon = props.showExpandIcon,
+    showExpandIcon = _props$showExpandIcon === void 0 ? true : _props$showExpandIcon,
+    expandIcon = props.expandIcon,
+    title = props.title,
+    extra = props.extra,
+    contentStyle = props.contentStyle;
+  var _useCollapseItem = (0, _hooks.useCollapseItem)({
+      active: active,
+      keygen: keygen,
+      triggerRegion: triggerRegion,
+      disabled: disabled,
+      onChange: onChange
+    }),
+    judgeExpanded = _useCollapseItem.judgeExpanded,
+    getItemContentProps = _useCollapseItem.getItemContentProps,
+    getHeaderIconProps = _useCollapseItem.getHeaderIconProps,
+    getTitleProps = _useCollapseItem.getTitleProps,
+    getExtraProps = _useCollapseItem.getExtraProps;
+  var headerIconItem = function headerIconItem() {
+    var collapseItemIconClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.icon, expandIconPosition === 'right' ? jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.activeTransformRight : jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.activeTransform);
+    var headerIcon = showExpandIcon ? expandIcon !== undefined ? expandIcon : parentExpandIcon : null;
+    return headerIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getHeaderIconProps({
+      className: collapseItemIconClassName
+    })), {}, {
+      children: headerIcon
+    }));
+  };
+  var extraItem = function extraItem() {
+    return extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getExtraProps({
+      className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.extra
+    })), {}, {
+      children: extra
+    }));
+  };
+  var collapseItemClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.wrapper, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.active), (disabled || triggerRegion === 'disabled') && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.disabled), !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.borderLess));
+  var collapseItemHeaderClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.header, !showExpandIcon && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.noIcon), triggerRegion === 'header' && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.region));
+  var collapseItemContentClassName = (0, _classnames.default)(jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.content, judgeExpanded && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.expanded));
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_animationList.default, {
+      show: judgeExpanded,
+      type: 'collapse',
+      duration: "fast",
+      className: collapseItemContentClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.contentMain,
+        style: contentStyle,
+        children: children
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: collapseItemClassName,
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getItemContentProps({
+      className: collapseItemHeaderClassName
+    })), {}, {
+      children: [expandIconPosition === 'left' && headerIconItem(), extraPosition === 'left' && extraItem(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getTitleProps({
+        className: jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapseItem.title
+      })), {}, {
+        children: title
+      })), extraPosition === 'right' && extraItem(), expandIconPosition === 'right' && headerIconItem()]
+    })), renderContent()]
+  });
+};
+var _default = CollapseItem;
+exports.default = _default;

package/cjs/collapse/collapse-item.type.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { CommonType } from '../common/type';
+import type { BaseCollapseItemProps } from '@sheinx/hooks';
+export interface CollapseItemClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    header: string;
+    active: string;
+    icon: string;
+    title: string;
+    extra: string;
+    content: string;
+    expanded: string;
+    contentMain: string;
+    noIcon: string;
+    disabled: string;
+    activeTransform: string;
+    activeTransformRight: string;
+    region: string;
+    borderLess: string;
+}
+export interface CollapseItemProps extends Pick<CommonType, 'className' | 'style'>, BaseCollapseItemProps {
+    jssStyle?: {
+        collapseItem: CollapseItemClasses;
+    };
+    showExpandIcon?: boolean;
+    expandIcon?: ReactNode;
+    extra?: ReactNode;
+    title?: ReactNode;
+    contentStyle?: CSSProperties;
+    children?: ReactNode;
+}
+//# sourceMappingURL=collapse-item.type.d.ts.map

package/cjs/collapse/collapse-item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-item.type.d.ts","sourceRoot":"","sources":["collapse-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,qBAAqB;IACvB,QAAQ,CAAC,EAAE;QACT,YAAY,EAAE,mBAAmB,CAAC;KACnC,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/cjs/collapse/collapse-item.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/collapse/collapse.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CollapseProps } from './collapse.type';
+declare const Collapse: (props: CollapseProps) => JSX.Element;
+export default Collapse;
+//# sourceMappingURL=collapse.d.ts.map

package/cjs/collapse/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["collapse.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAoDrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/collapse/collapse.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var Collapse = function Collapse(props) {
+  var children = props.children,
+    jssStyle = props.jssStyle,
+    style = props.style,
+    className = props.className,
+    defaultActive = props.defaultActive,
+    activeProps = props.active,
+    _props$accordion = props.accordion,
+    accordion = _props$accordion === void 0 ? false : _props$accordion,
+    onChangeProps = props.onChange,
+    _props$triggerRegion = props.triggerRegion,
+    triggerRegion = _props$triggerRegion === void 0 ? 'header' : _props$triggerRegion,
+    _props$expandIconPosi = props.expandIconPosition,
+    expandIconPosition = _props$expandIconPosi === void 0 ? 'left' : _props$expandIconPosi,
+    _props$extraPosition = props.extraPosition,
+    extraPosition = _props$extraPosition === void 0 ? 'right' : _props$extraPosition,
+    expandIcon = props.expandIcon,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border;
+  var _useCollapse = (0, _hooks.useCollapse)({
+      defaultActive: defaultActive,
+      active: activeProps,
+      accordion: accordion,
+      onChange: onChangeProps
+    }),
+    active = _useCollapse.active,
+    onChange = _useCollapse.onChange;
+  var collapseRootClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.wrapper, !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.borderLess));
+  var providerValue = {
+    active: active,
+    triggerRegion: triggerRegion,
+    expandIconPosition: expandIconPosition,
+    extraPosition: extraPosition,
+    border: border,
+    expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
+    // ? Icons.ArrowLeft
+    _icons.default.ArrowRight : _icons.default.ArrowRight,
+    onChange: onChange
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
+    value: providerValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: collapseRootClassName,
+      style: style,
+      children: children
+    })
+  });
+};
+var _default = Collapse;
+exports.default = _default;

package/cjs/collapse/collapse.type.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { CommonType } from '../common/type';
+import type { BaseCollapseProps, BaseCollapseItemContext } from '@sheinx/hooks';
+import { CollapseItemProps } from './collapse-item.type';
+export interface CollapseClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    borderLess: string;
+}
+export interface CollapseProps extends Pick<CommonType, 'className' | 'style'>, Pick<CollapseItemProps, 'expandIcon'>, Pick<BaseCollapseItemContext, 'triggerRegion'>, BaseCollapseProps {
+    jssStyle?: {
+        collapse: CollapseClasses;
+    };
+    border?: boolean;
+    expandIconPosition?: 'left' | 'right';
+    extraPosition?: 'left' | 'right';
+    children?: ReactNode;
+}
+//# sourceMappingURL=collapse.type.d.ts.map

package/cjs/collapse/collapse.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/cjs/collapse/collapse.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/collapse/group-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ObjectType } from '@sheinx/hooks';
+declare const groupContext: import("react").Context<ObjectType<any>>;
+export default groupContext;
+//# sourceMappingURL=group-context.d.ts.map

package/cjs/collapse/group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,0CAAgC,CAAC;AAEnD,eAAe,YAAY,CAAC"}

package/cjs/collapse/group-context.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var groupContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = groupContext;
+exports.default = _default;

package/cjs/collapse/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Collapse } from './collapse';
+export type { CollapseProps } from './collapse.type';
+export { default as CollapseItem } from './collapse-item';
+export type { CollapseItemProps } from './collapse-item.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/cjs/collapse/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function get() {
+    return _collapse.default;
+  }
+});
+Object.defineProperty(exports, "CollapseItem", {
+  enumerable: true,
+  get: function get() {
+    return _collapseItem.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _collapse.default;
+  }
+});
+var _collapse = _interopRequireDefault(require("./collapse"));
+var _collapseItem = _interopRequireDefault(require("./collapse-item"));

package/cjs/config/index.d.ts

@@ -2,7 +2,11 @@ import { CaretType } from '../icons/caret.type';
 import { INTERNAL_Snapshot as Snapshot } from 'valtio/vanilla';
 import { LanType, Direction } from './locale/Props';
 export interface ConfigOption {
+    prefix: string;
     locale: LanType;
+    delay?: number;
+    trim?: boolean;
+    spin?: string;
     caret?: CaretType;
     direction: Direction;
     popupContainer?: HTMLElement | null | (() => HTMLElement | null);

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAG3B,MAAM,EAAE,OAAO,CAAC;IAMhB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAQD,eAAO,IAAI,MAAM,EAAE,YAMlB,CAAC;AAQF,wBAAgB,mBAAmB,gBAWlC;AAED,eAAO,MAAM,SAAS,QAAO,SAAS,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAQD,eAAO,IAAI,MAAM,EAAE,YASlB,CAAC;AAQF,wBAAgB,mBAAmB,gBAWlC;AAED,eAAO,MAAM,SAAS,QAAO,SAAS,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/cjs/config/index.js

@@ -33,11 +33,14 @@ try {
   processEnv = {};
 }
 var config = {
-  popupContainer: undefined,
-  caret: 'line',
+  prefix: 'so',
   locale: processEnv.LOCALE || 'zh-CN',
-  direction: 'ltr'
-  // prefix: 'so',
+  delay: 0,
+  trim: undefined,
+  spin: undefined,
+  caret: 'line',
+  direction: 'ltr',
+  popupContainer: null
 };
 exports.config = config;
 var state = (0, _valtio.proxy)(config);

package/cjs/date-picker/date-picker.type.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CommonType } from '../common/type';
 import { AbsoluteListProps } from '../absolute-list/absolute-list.type';
 import { ButtonClasses } from '../button/button.type';
@@ -73,8 +74,7 @@ export interface DatePickerClasses {
     timeItem: string;
     timeItemActive: string;
     timeItemDisabled: string;
-    timeBase: string;
-    timeBaseItem: string;
+    timeItemBox: string;
     datetime: string;
     quickPicker: string;
     quickPickerItem: string;
@@ -253,7 +253,7 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
     width?: number | string;
 }
 export interface QuickSelectType {
-    name: string;
+    name: React.ReactNode;
     value: DatePickerValueType | (() => DatePickerValueType);
 }
 //# sourceMappingURL=date-picker.type.d.ts.map