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

package/cjs/card-group/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CardGroup", {
+  enumerable: true,
+  get: function get() {
+    return _cardGroup.default;
+  }
+});
+Object.defineProperty(exports, "CardGroupItem", {
+  enumerable: true,
+  get: function get() {
+    return _item.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _cardGroup.default;
+  }
+});
+var _cardGroup = _interopRequireDefault(require("./card-group"));
+var _item = _interopRequireDefault(require("./item"));

package/cjs/card-group/item.d.ts

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

package/cjs/card-group/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAyCT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/card-group/item.js

@@ -0,0 +1,56 @@
+"use strict";
+
+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 _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _cardGroupContext = require("./card-group-context");
+var _lazyload = _interopRequireDefault(require("./lazyload"));
+var _checkbox = _interopRequireDefault(require("../checkbox/checkbox"));
+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; }
+var Item = function Item(props) {
+  var _props$jssStyle, _props$jssStyle$cardG;
+  var _useContext = (0, _react.useContext)(_cardGroupContext.CardGroupContext),
+    container = _useContext.container;
+  var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
+  var handleChange = (0, _hooks.usePersistFn)(function (_, checked) {
+    if (props.onChange) props.onChange(checked, props.value);
+  });
+  var renderChildren = function renderChildren(content) {
+    if (!props.placeholder) return content;
+    if (!container) return content;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lazyload.default, {
+      container: container,
+      placeholder: props.placeholder,
+      children: content
+    });
+  };
+  var cls = (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.item);
+  var showCheck = props.checked !== undefined;
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [props.children, !!showCheck && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
+      jssStyle: props.jssStyle,
+      checked: props.checked,
+      disabled: props.disabled,
+      onChange: handleChange,
+      className: classes === null || classes === void 0 ? void 0 : classes.checkbox
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: cls,
+    style: props.style,
+    children: renderChildren(content)
+  });
+};
+var _default = Item;
+exports.default = _default;

package/cjs/card-group/item.type.d.ts

@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { CommonType } from '../common/type';
+import { CardGroupJssStyle } from './card-group.type';
+export interface CardGroupItemProps<Value> extends Pick<CommonType, 'className' | 'style'> {
+    jssStyle?: CardGroupJssStyle;
+    /**
+     * @en lazy load placeholder, enable lazy load while set
+     * @cn 懒加载占位元素，设置后卡片将开启懒加载
+     *
+     */
+    placeholder?: ReactNode;
+    /**
+     * @en checked status, hide while not set
+     * @cn checked 表示选中状态，不设置则不显示选择框
+     */
+    checked?: boolean | undefined;
+    /**
+     * @en disable checkbox
+     *
+     * @cn 是否禁用选择框
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @en Specifies the result
+     * @cn 选中时返回值
+     * @default true
+     * @override any
+     */
+    value?: Value;
+    /**
+     * @en check changed, value is the value props
+     * @cn 选中状态变化事件，checked表示选中状态，value代表对应的值
+     *
+     */
+    onChange?: (checked: boolean, value: Value) => void;
+    /**
+     * @en children
+     * @cn 子元素
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=item.type.d.ts.map

package/cjs/card-group/item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.type.d.ts","sourceRoot":"","sources":["item.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,MAAM,WAAW,kBAAkB,CAAC,KAAK,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACxF,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;OAIG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE9B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/cjs/card-group/item.type.js

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

package/cjs/card-group/lazyload.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface LazyloadProps {
+    children?: React.ReactNode;
+    placeholder?: React.ReactNode;
+    container?: HTMLElement;
+    offset?: number;
+}
+declare const Lazyload: (props: LazyloadProps) => JSX.Element;
+export default Lazyload;
+//# sourceMappingURL=lazyload.d.ts.map

package/cjs/card-group/lazyload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/card-group/lazyload.js

@@ -0,0 +1,52 @@
+"use strict";
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+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; }
+var addStack = _hooks.util.addStack,
+  removeStack = _hooks.util.removeStack;
+var Lazyload = function Lazyload(props) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  var placeholderRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (ready) return;
+    var lazyId = addStack({
+      offset: props.offset || 0,
+      container: props.container,
+      element: placeholderRef.current,
+      render: function render() {
+        setReady(true);
+      }
+    });
+    return function () {
+      removeStack(lazyId);
+    };
+  }, []);
+  if (ready) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: props.children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    ref: placeholderRef,
+    style: {
+      border: '1px solid transparent'
+    },
+    children: props.placeholder
+  });
+};
+var _default = Lazyload;
+exports.default = _default;

package/cjs/carousel/carousel.js

@@ -84,7 +84,7 @@ var Carousel = function Carousel(props) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: carouselClasses === null || carouselClasses === void 0 ? void 0 : carouselClasses.indicatorNumber,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: current
+            children: current + 1
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             children: "/"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/cjs/cascader/cascader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { KeygenResult } from '@sheinx/hooks';
+import { CascaderProps } from './cascader.type';
+declare const Cascader: <DataItem, Value extends KeygenResult[]>(props: CascaderProps<DataItem, Value>) => JSX.Element;
+export default Cascader;
+//# sourceMappingURL=cascader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,QAAA,MAAM,QAAQ,gGA2lBb,CAAC;AACF,eAAe,QAAQ,CAAC"}