clxx 2.0.5 → 2.0.7

package/build/SafeArea/index.js

@@ -9,22 +9,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import { useViewport } from "../Effect/useViewport";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useViewport } from '../Effect/useViewport';
 export function SafeArea(props) {
-    const { children, type = "bottom" } = props, extra = __rest(props, ["children", "type"]);
-    useViewport({ viewportFit: "cover" });
+    const { children, type = 'bottom' } = props, extra = __rest(props, ["children", "type"]);
+    useViewport({ viewportFit: 'cover' });
     let boxCss;
-    if (type === "top") {
+    if (type === 'top') {
         boxCss = {
-            height: [`constant(safe-area-inset-top, 0)`, `env(safe-area-inset-top, 0)`],
+            height: [
+                `constant(safe-area-inset-top, 0)`,
+                `env(safe-area-inset-top, 0)`,
+            ],
         };
     }
-    else if (type === "bottom") {
+    else if (type === 'bottom') {
         boxCss = {
-            height: [`constant(safe-area-inset-bottom, 0)`, `env(safe-area-inset-bottom, 0)`],
+            height: [
+                `constant(safe-area-inset-bottom, 0)`,
+                `env(safe-area-inset-bottom, 0)`,
+            ],
         };
     }
-    return (jsx("div", Object.assign({ css: boxCss }, extra), children));
+    return (_jsx("div", Object.assign({ css: boxCss }, extra, { children: children })));
 }

package/build/ScrollView/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** @jsx jsx */
-import { jsx, SerializedStyles } from "@emotion/react";
+import { SerializedStyles } from "@emotion/react";
 import * as CSS from "csstype";
 export interface ScrollEvent {
     containerHeight: number;
@@ -24,4 +24,4 @@ export interface ScrollViewProps extends Omit<React.HTMLProps<HTMLDivElement>, "
     wrapperStyle?: SerializedStyles;
     loadingStyle?: SerializedStyles;
 }
-export declare function ScrollView(props: ScrollViewProps): jsx.JSX.Element;
+export declare function ScrollView(props: ScrollViewProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/build/ScrollView/index.js

@@ -9,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Indicator } from "../Indicator";
 import { RowCenter } from "../Flex/Row";
@@ -65,9 +64,7 @@ export function ScrollView(props) {
     let showLoadingContent = null;
     if (showLoading) {
         if (!loadingContent) {
-            showLoadingContent = (jsx(RowCenter, { css: [style.loading, loadingStyle] },
-                jsx(Indicator, { barColor: "#333", barCount: 12 }),
-                jsx("p", null, "\u6570\u636E\u52A0\u8F7D\u4E2D...")));
+            showLoadingContent = (_jsxs(RowCenter, Object.assign({ css: [style.loading, loadingStyle] }, { children: [_jsx(Indicator, { barColor: "#333", barCount: 12 }), _jsx("p", { children: "\u6570\u636E\u52A0\u8F7D\u4E2D..." })] })));
         }
         else {
             showLoadingContent = loadingContent;
@@ -79,7 +76,5 @@ export function ScrollView(props) {
         let hasScrollBar = container.current.scrollHeight > container.current.clientHeight;
         setHasScrollBar(hasScrollBar);
     });
-    return (jsx("div", Object.assign({ css: [style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs),
-        jsx("div", { css: wrapperStyle, ref: child }, children),
-        hasScrollBar && showLoadingContent));
+    return (_jsxs("div", Object.assign({ css: [style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs, { children: [_jsx("div", Object.assign({ css: wrapperStyle, ref: child }, { children: children })), hasScrollBar && showLoadingContent] })));
 }

package/build/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { Interpolation, jsx, Theme } from "@emotion/react";
+import { Interpolation, Theme } from "@emotion/react";
 import React from "react";
 export interface ToastProps extends Omit<React.HTMLProps<HTMLDivElement>, "content"> {
     onHide?: () => void;
@@ -12,4 +12,4 @@ export interface ToastProps extends Omit<React.HTMLProps<HTMLDivElement>, "conte
     containerStyle?: Interpolation<Theme>;
     contentStyle?: Interpolation<Theme>;
 }
-export declare function Toast(props: ToastProps): jsx.JSX.Element;
+export declare function Toast(props: ToastProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/build/Toast/Toast.js

@@ -9,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React, { useState, useEffect } from "react";
 import { style, getAnimation } from "./style";
 export function Toast(props) {
@@ -30,10 +29,10 @@ export function Toast(props) {
     let showContent;
     const middleStyle = position === "middle" ? style.contentMiddle : undefined;
     if (React.isValidElement(content)) {
-        showContent = jsx("div", { css: [middleStyle, contentStyle] }, content);
+        showContent = _jsx("div", Object.assign({ css: [middleStyle, contentStyle] }, { children: content }));
     }
     else {
-        showContent = (jsx("p", { css: [style.content(radius), middleStyle, contentStyle] }, content));
+        showContent = (_jsx("p", Object.assign({ css: [style.content(radius), middleStyle, contentStyle] }, { children: content })));
     }
     // toast消失动画结束触发
     const animationEnd = (event) => {
@@ -52,5 +51,5 @@ export function Toast(props) {
     else {
         positionStyle = style.middle;
     }
-    return (jsx("div", Object.assign({ css: [style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes), showContent));
+    return (_jsx("div", Object.assign({ css: [style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes, { children: showContent })));
 }

package/build/Toast/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ToastProps } from "./Toast";
+import React from 'react';
+import { ToastProps } from './Toast';
 /**
  * 显示一个全局的轻提示，这个toast不是唯一的
  * @param option 可以是一个字符串，也可以是一个React组件

package/build/Toast/index.js

@@ -1,22 +1,24 @@
-import React from "react";
-import { uniqKey } from "../utils/uniqKey";
-import { createPortalDOM } from "../utils/dom";
-import { Toast as ToastComponent } from "./Toast";
+import { createElement as _createElement } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import React from 'react';
+import { uniqKey } from '../utils/uniqKey';
+import { createPortalDOM } from '../utils/dom';
+import { Toast as ToastComponent } from './Toast';
 /**
  * 显示一个全局的轻提示，这个toast不是唯一的
  * @param option 可以是一个字符串，也可以是一个React组件
  */
 export function showToast(option) {
-    const { mount, destroy } = createPortalDOM();
+    const { mount, unmount } = createPortalDOM();
     let props = {};
-    if (React.isValidElement(option) || typeof option !== "object") {
+    if (React.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
         props = option;
     }
-    props.onHide = destroy;
-    mount(React.createElement(ToastComponent, Object.assign({}, props)));
+    props.onHide = unmount;
+    mount(_jsx(ToastComponent, Object.assign({}, props)));
 }
 /**
  * 生成一个全局唯一的Toast
@@ -29,16 +31,16 @@ export function showUniqToast(option) {
     }
     let props = {};
     // 默认Toast是唯一的
-    if (React.isValidElement(option) || typeof option !== "object") {
+    if (React.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
         props = option;
     }
     const onHide = () => {
-        portalDOM === null || portalDOM === void 0 ? void 0 : portalDOM.destroy();
+        portalDOM === null || portalDOM === void 0 ? void 0 : portalDOM.unmount();
         portalDOM = null;
     };
     props.onHide = onHide;
-    portalDOM.mount(React.createElement(ToastComponent, Object.assign({}, props, { key: uniqKey() })));
+    portalDOM.mount(_createElement(ToastComponent, Object.assign({}, props, { key: uniqKey() })));
 }

package/build/Toast/style.d.ts

@@ -20,7 +20,7 @@ export declare const style: {
     top(offset: number): import("@emotion/utils").SerializedStyles;
     middle: import("@emotion/utils").SerializedStyles;
     bottom(offset: number): import("@emotion/utils").SerializedStyles;
-    content: (radius?: number | undefined) => import("@emotion/utils").SerializedStyles;
+    content: (radius?: number) => import("@emotion/utils").SerializedStyles;
     contentMiddle: {
         transform: string;
     };

package/build/index.d.ts

@@ -3,7 +3,7 @@ export { setContextValue, getContextValue } from "./context";
 export { jsonp } from "./utils/jsonp";
 export { uniqKey } from "./utils/uniqKey";
 export { ago } from "./utils/ago";
-export { GET, POST, sendJSON, sugarSend, sendRequest, buildUrlByOption } from "./utils/request";
+export { GET, POST, sendJSON, sugarSend, sendRequest, buildUrlByOption, registerHostAlias } from "./utils/request";
 export { calendarTable } from "./utils/calendarTable";
 export { Countdown } from "./utils/Countdown";
 export { defaultScroll } from "./utils/defaultScroll";
@@ -30,5 +30,3 @@ export { AutoGrid } from "./AutoGrid";
 export { showAlert } from "./Alert";
 export { ScrollView } from "./ScrollView";
 export { CarouselNotice } from "./CarouselNotice";
-export { showPicker, Picker } from "./Picker";
-export { showCascader, Cascader } from "./Cascader";

package/build/index.js

@@ -3,7 +3,7 @@ export { setContextValue, getContextValue } from "./context";
 export { jsonp } from "./utils/jsonp";
 export { uniqKey } from "./utils/uniqKey";
 export { ago } from "./utils/ago";
-export { GET, POST, sendJSON, sugarSend, sendRequest, buildUrlByOption } from "./utils/request";
+export { GET, POST, sendJSON, sugarSend, sendRequest, buildUrlByOption, registerHostAlias } from "./utils/request";
 export { calendarTable } from "./utils/calendarTable";
 export { Countdown } from "./utils/Countdown";
 export { defaultScroll } from "./utils/defaultScroll";
@@ -30,5 +30,3 @@ export { AutoGrid } from "./AutoGrid";
 export { showAlert } from "./Alert";
 export { ScrollView } from "./ScrollView";
 export { CarouselNotice } from "./CarouselNotice";
-export { showPicker, Picker } from "./Picker";
-export { showCascader, Cascader } from "./Cascader";

package/build/utils/createApp.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { History } from "history";
-import { ContainerProps } from "../Container";
-import { ContextValue } from "../context";
-export declare type RouteMethod = "browser" | "hash" | "memory";
+import React from 'react';
+import { History } from 'history';
+import { ContainerProps } from '../Container';
+import { ContextValue } from '../context';
+export declare type RouteMethod = 'browser' | 'hash' | 'memory';
 export declare type AwaitValue<T> = T | Promise<T>;
-export interface CreateAppOption extends Omit<ContainerProps, "children">, ContextValue {
+export interface CreateAppOption extends Omit<ContainerProps, 'children'>, ContextValue {
     onBeforeRenderPage?: (pathname?: string) => AwaitValue<void>;
     onAfterRenderPage?: (pathname?: string) => AwaitValue<void>;
     renderLoading?: (pathname?: string) => AwaitValue<React.ReactNode>;
@@ -14,7 +14,7 @@ export interface CreateAppOption extends Omit<ContainerProps, "children">, Conte
     target: string | HTMLElement;
 }
 export declare let history: null | History;
-export declare function getHistory(routeMethod?: RouteMethod): History<import("history").State>;
+export declare function getHistory(routeMethod?: RouteMethod): History;
 /**
  * 创建带路由的APP对象，全局对象，绝大部分情况下只需要调用一次
  * @param option CreateAppOption

package/build/utils/createApp.js

@@ -7,16 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useCallback, useEffect, useState } from "react";
-import ReactDOM from "react-dom";
-import { createBrowserHistory, createHashHistory, createMemoryHistory } from "history";
-import { Container } from "../Container";
-import { setContextValue } from "../context";
-import pick from "lodash/pick";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { createBrowserHistory, createHashHistory, createMemoryHistory, } from 'history';
+import { Container } from '../Container';
+import { setContextValue } from '../context';
+import pick from 'lodash/pick';
 // 存储历史记录对象
 export let history = null;
 // 获取历史记录对象
-export function getHistory(routeMethod = "browser") {
+export function getHistory(routeMethod = 'browser') {
     if (history === null) {
         const createMap = {
             browser: createBrowserHistory,
@@ -34,18 +35,22 @@ export function getHistory(routeMethod = "browser") {
 export function createApp(option) {
     return __awaiter(this, void 0, void 0, function* () {
         // 设置默认的路由方式
-        if (!option.routeMethod || ["browser", "hash", "memory"].indexOf(option.routeMethod) === -1) {
-            option.routeMethod = "browser";
+        if (!option.routeMethod ||
+            ['browser', 'hash', 'memory'].indexOf(option.routeMethod) === -1) {
+            option.routeMethod = 'browser';
         }
         // 设置默认路由路径
         if (!option.defaultRoute) {
-            option.defaultRoute = "/index";
+            option.defaultRoute = '/index';
         }
         // 这里是为了确保历史记录对象在组件渲染之前一定存在
         history = getHistory(option.routeMethod);
         // 提取关键数据
-        const context = pick(option, ["minDocWidth", "maxDocWidth"]);
-        const containerProps = pick(option, ["designWidth", "globalStyle"]);
+        const context = pick(option, ['minDocWidth', 'maxDocWidth']);
+        const containerProps = pick(option, [
+            'designWidth',
+            'globalStyle',
+        ]);
         const { onBeforeRenderPage, onAfterRenderPage, renderLoading, renderPage } = option;
         // 设置上下文属性
         setContextValue(context);
@@ -60,13 +65,13 @@ export function createApp(option) {
              */
             const showPage = useCallback((pathname) => __awaiter(this, void 0, void 0, function* () {
                 const pathReg = /^\/*|\/*$/g;
-                pathname = pathname.replace(pathReg, "");
+                pathname = pathname.replace(pathReg, '');
                 if (!pathname) {
-                    pathname = option.defaultRoute.replace(pathReg, "");
+                    pathname = option.defaultRoute.replace(pathReg, '');
                 }
                 // 如果有loading，要先显示loading
-                if (typeof renderLoading === "function") {
-                    setPage(renderLoading === null || renderLoading === void 0 ? void 0 : renderLoading(pathname));
+                if (typeof renderLoading === 'function') {
+                    setPage(yield (renderLoading === null || renderLoading === void 0 ? void 0 : renderLoading(pathname)));
                 }
                 // 加载页面之前可能会存在的逻辑
                 yield (onBeforeRenderPage === null || onBeforeRenderPage === void 0 ? void 0 : onBeforeRenderPage(pathname));
@@ -88,19 +93,20 @@ export function createApp(option) {
                 // 卸载时，取消监听
                 return unlisten;
             }, []);
-            return React.createElement(Container, Object.assign({}, containerProps), page);
+            return _jsx(Container, Object.assign({}, containerProps, { children: page }));
         };
         // 获取挂载对象
         let mount = null;
-        if (typeof option.target === "string") {
+        if (typeof option.target === 'string') {
             mount = document.querySelector(option.target);
         }
         else if (option.target instanceof HTMLElement) {
             mount = option.target;
         }
-        // 挂载组件
-        yield new Promise((resolve) => {
-            ReactDOM.render(React.createElement(App, null), mount, resolve);
-        });
+        else {
+            throw new Error('No mounted object is specified');
+        }
+        const root = createRoot(mount);
+        root.render(_jsx(App, {}));
     });
 }

package/build/utils/dom.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
+import React from 'react';
 export interface PortalDOM {
     element: HTMLDivElement;
-    mount: (component: React.ReactNode) => Promise<void>;
-    destroy: () => void;
+    mount: (component: React.ReactNode) => void;
+    unmount: () => void;
 }
 /**
- * 类似ReactDOM.createPortal，这个函数将会在body下创建一个组件的挂载点
+ *
  * 组件可以通过函数的第一个参数传递进去
  *
- * @param point HTMLElement 挂载点
+ * @param point HTMLElement 挂载点，如果未指定，则挂载点为body
  * @returns CreatePortalDOMResult
  */
 export declare function createPortalDOM(point?: HTMLElement): PortalDOM;

package/build/utils/dom.js

@@ -1,45 +1,32 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from 'react-dom/client';
 /**
- * 类似ReactDOM.createPortal，这个函数将会在body下创建一个组件的挂载点
+ *
  * 组件可以通过函数的第一个参数传递进去
  *
- * @param point HTMLElement 挂载点
+ * @param point HTMLElement 挂载点，如果未指定，则挂载点为body
  * @returns CreatePortalDOMResult
  */
 export function createPortalDOM(point) {
-    const element = document.createElement("div");
+    const container = document.createElement('div');
     let mountPoint = document.body;
     if (point instanceof HTMLElement) {
         mountPoint = point;
     }
-    mountPoint.appendChild(element);
+    mountPoint.appendChild(container);
+    const root = createRoot(container);
     return {
-        element,
+        element: container,
         mount(component) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return new Promise((resolve) => {
-                    ReactDOM.render(React.createElement(React.Fragment, null, component), element, resolve);
-                });
-            });
+            root.render(component);
         },
-        destroy() {
-            if (element instanceof HTMLDivElement) {
-                ReactDOM.unmountComponentAtNode(element);
-                if (typeof element.remove === "function") {
-                    element.remove();
+        unmount() {
+            root.unmount();
+            if (container instanceof HTMLDivElement) {
+                if (typeof container.remove === 'function') {
+                    container.remove();
                 }
                 else {
-                    mountPoint.removeChild(element);
+                    mountPoint.removeChild(container);
                 }
             }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clxx",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "Basic JS library for mobile devices",
   "main": "./build/index.js",
   "module": "./build/index.js",
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "start": "tsc -w --pretty",
-    "build": "node ./scripts/clear.js && tsc"
+    "build": "rm -rfv ./build && tsc"
   },
   "repository": {
     "type": "git",
@@ -32,21 +32,21 @@
     "registry": "https://registry.npmjs.org",
     "access": "public"
   },
-  "devDependencies": {
-    "@types/lodash": "^4.14.175",
-    "@types/react": "^17.0.27",
-    "@types/react-dom": "^17.0.9",
-    "@types/swiper": "^5.4.3",
-    "csstype": "^3.0.9",
-    "typescript": "^4.4.3"
-  },
   "dependencies": {
-    "@emotion/react": "^11.4.1",
-    "dayjs": "^1.10.7",
-    "history": "^5.1.0",
+    "@emotion/react": "^11.10.0",
+    "dayjs": "^1.11.5",
+    "history": "^5.3.0",
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "swiper": "^6.8.4"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "swiper": "^8.3.2"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.182",
+    "@types/react": "^18.0.17",
+    "@types/react-dom": "^18.0.6",
+    "@types/swiper": "^6.0.0",
+    "csstype": "^3.1.0",
+    "typescript": "^4.7.4"
   }
 }

package/build/Cascader/Column.d.ts

@@ -1,13 +0,0 @@
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import React from "react";
-export interface ColumnItem {
-    label: React.ReactNode;
-    value: string | number;
-}
-export interface ColumnProps {
-    columnOptions: ColumnItem[];
-    defaultValue?: string | number;
-    updateColumns: (value: string | number) => void;
-}
-export declare function Column(props: ColumnProps): jsx.JSX.Element;

package/build/Cascader/Column.js

@@ -1,65 +0,0 @@
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import { useCallback, useEffect, useRef, useLayoutEffect } from "react";
-import { style } from "./style";
-import Swiper from "swiper";
-import { RowCenter } from "../Flex/Row";
-import { swiperStyle } from "../Picker/swiperStyle";
-export function Column(props) {
-    const { columnOptions, defaultValue, updateColumns } = props;
-    const swiperRef = useRef(null);
-    const usedColumnOptions = useRef(columnOptions);
-    // usedColumnOptions.current在组件在内存中更新完毕之时更新，此时onSlideChange(真实渲染完毕之后触发)内部的usedColumnOptions.current会拿到正确的值
-    useLayoutEffect(() => {
-        usedColumnOptions.current = columnOptions;
-    }, [columnOptions]);
-    // 获取初始索引,只在初始化时被执行一次
-    const getInitialSlide = useCallback(() => {
-        let initialSlide = 0;
-        if (Array.isArray(columnOptions)) {
-            let findIndex = columnOptions.findIndex((option) => option.value === defaultValue);
-            if (findIndex >= 0) {
-                initialSlide = findIndex;
-            }
-        }
-        return initialSlide;
-    }, [columnOptions, defaultValue]);
-    //  避免observerUpdate内的slideTo触发onSlideChange
-    const transitionEnd = useRef(true);
-    useEffect(() => {
-        var swiper = new Swiper(swiperRef.current, {
-            initialSlide: getInitialSlide(),
-            direction: "vertical",
-            slidesPerView: 5,
-            centeredSlides: true,
-            freeMode: true,
-            freeModeSticky: true,
-            // 监听子组件内容变化
-            observer: true,
-        });
-        swiper.on("slideChange", () => {
-            var _a;
-            if (!transitionEnd.current) {
-                return;
-            }
-            const selectedValue = (_a = usedColumnOptions.current[swiper.realIndex]) === null || _a === void 0 ? void 0 : _a.value;
-            updateColumns(selectedValue);
-        });
-        // 内容更新时滚回到第一项
-        swiper.on("observerUpdate", () => {
-            transitionEnd.current = false;
-            swiper.slideTo(0, 0, false);
-            transitionEnd.current = true;
-        });
-        return () => {
-            swiper.destroy();
-        };
-    }, []);
-    return (jsx("div", { css: [swiperStyle, style.body] },
-        jsx("div", { className: "swiper", ref: swiperRef, css: style.swiper },
-            jsx("div", { className: "swiper-wrapper" }, columnOptions.map((item) => {
-                return (jsx(RowCenter, { className: "swiper-slide", key: item.value }, item.label));
-            })),
-            jsx("div", { css: [style.mask, style.maskTop] }),
-            jsx("div", { css: [style.mask, style.maskBottom] }))));
-}

package/build/Cascader/Wrapper.d.ts

@@ -1,21 +0,0 @@
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import React from "react";
-export interface CascaderOption {
-    label: React.ReactNode;
-    value: string | number;
-    children?: CascaderOption[];
-}
-declare type defaultValue = (string | number)[];
-export interface WrapperProps {
-    options: CascaderOption[];
-    defaultValue: defaultValue;
-    onSelect: (selectValue: defaultValue) => void;
-    renderCancel?: React.ReactNode | (() => React.ReactNode);
-    renderConfirm?: React.ReactNode | (() => React.ReactNode);
-    renderTitle?: React.ReactNode | (() => React.ReactNode);
-    onConfirm?: (selectValue: defaultValue) => void;
-    onCancel?: () => void;
-}
-export declare function Wrapper(props: WrapperProps): jsx.JSX.Element;
-export {};