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

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/__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/cascader/__example__/01-base.d.ts.map

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

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

@@ -0,0 +1,29 @@
+"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 jssStyle = {
+  cascader: _shineoutStyle.useCascaderStyle
+};
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Cascader, {
+      jssStyle: jssStyle
+    })
+  });
+};
+exports.default = _default;

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,gGAwhBb,CAAC;AACF,eAAe,QAAQ,CAAC"}