clxx 2.0.5 → 2.0.6

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

@@ -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

@@ -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.6",
   "description": "Basic JS library for mobile devices",
   "main": "./build/index.js",
   "module": "./build/index.js",
@@ -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 {};

package/build/Cascader/Wrapper.js

@@ -1,105 +0,0 @@
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { RowBetween } from "../Flex/Row";
-import { style } from "./style";
-import { Column } from "./Column";
-import useUpdate from "../Effect/useUpdate";
-export function Wrapper(props) {
-    const { options, defaultValue, onSelect, renderTitle, renderCancel, renderConfirm } = props;
-    const update = useUpdate();
-    // 当前选中的值
-    let selectedValueArray = useRef(Array.isArray(defaultValue) ? defaultValue : []);
-    //   待渲染项，每一项渲染一个Column组件（Swiper组件）
-    const currentColumns = useRef([]);
-    // 获取options的最大深度以及所有子树
-    const { maxDepth, subOptionsRecord } = useMemo(() => {
-        let subOptionsRecord = {};
-        let maxDepth = 1;
-        const traverse = (options, currentDepth) => {
-            options.forEach((option) => {
-                if (Array.isArray(option.children) && option.children.length >= 1) {
-                    subOptionsRecord[option.value] = option.children;
-                    maxDepth = Math.max(currentDepth + 1, maxDepth);
-                    traverse(option.children, currentDepth + 1);
-                }
-            });
-        };
-        traverse(options, 1);
-        return { maxDepth, subOptionsRecord };
-    }, [options]);
-    // 常量函数，根据options以及初始值获取初始渲染列
-    const getInitColumns = useCallback((options, selectedValue) => {
-        var _a;
-        // 待渲染的Columns项,每一项最终渲染一个Column组件(独立的Swiper组件)
-        let initColumns = [options.map((item) => ({ value: item.value, label: item.label }))];
-        // 当前待搜索的子项
-        let currentSubOption = options;
-        // 根据初始值获取下一次的子项
-        for (let i = 0; i < maxDepth - 1; i++) {
-            let currentValue = selectedValue[i];
-            let nextIndex = currentSubOption.findIndex((item) => item.value === currentValue);
-            // 没有找到就取第一项作为下一次的子项
-            let nextSubOption = ((_a = currentSubOption[nextIndex === -1 ? 0 : nextIndex]) === null || _a === void 0 ? void 0 : _a.children) || [];
-            initColumns.push(nextSubOption.map((item) => ({
-                value: item.value,
-                label: item.label,
-            })));
-            currentSubOption = nextSubOption;
-        }
-        return initColumns;
-    }, []);
-    // 选项列表或初始值更新时，重新计算当前渲染项
-    useEffect(() => {
-        selectedValueArray.current = Array.isArray(defaultValue) ? defaultValue : [];
-        currentColumns.current = getInitColumns(options, selectedValueArray.current);
-        update();
-    }, [options, defaultValue]);
-    // 更新columns项，触发onSelect回调
-    const updateColumnsAndSelectedValues = useCallback((value, index) => {
-        let usedTree = subOptionsRecord[value];
-        // index之前的默认值不变
-        let updateValueArray = selectedValueArray.current.slice(0, index);
-        updateValueArray.push(value);
-        // index+1之前的columns不变
-        let updateCurrentColumns = currentColumns.current.slice(0, index + 1);
-        for (let i = 0; i < maxDepth - index - 1; i++) {
-            if (!usedTree) {
-                updateCurrentColumns.push([]);
-                continue;
-            }
-            updateValueArray.push(usedTree[0].value);
-            updateCurrentColumns.push(usedTree.map((item) => ({ value: item.value, label: item.label })));
-            usedTree = subOptionsRecord[usedTree[0].value];
-        }
-        // 更新当前选中值
-        selectedValueArray.current = updateValueArray;
-        // 触发onSelect回调
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(updateValueArray);
-        // 更新渲染项
-        currentColumns.current = updateCurrentColumns;
-        update();
-    }, []);
-    const showRenderContent = (render, defaultContent) => {
-        var _a;
-        return typeof render === "function" ? (_a = render()) !== null && _a !== void 0 ? _a : defaultContent : render !== null && render !== void 0 ? render : defaultContent;
-    };
-    return (jsx("div", { css: [style.container] },
-        jsx(RowBetween, { css: style.header },
-            jsx("div", { css: style.title }, showRenderContent(renderTitle, "")),
-            jsx("div", { css: [style.btn, style.btnCancel], onClick: () => {
-                    var _a;
-                    (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-                } }, showRenderContent(renderCancel, "取消")),
-            jsx("div", { css: [style.btn, style.btnConfirm], onClick: () => {
-                    var _a;
-                    (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, selectedValueArray.current);
-                } }, showRenderContent(renderConfirm, "确认"))),
-        jsx(RowBetween, null, currentColumns.current.map((column, index) => {
-            return (jsx(Column, { updateColumns: (value) => {
-                    updateColumnsAndSelectedValues(value, index);
-                }, columnOptions: column, 
-                // defaultValue实际上只有初始化时有效
-                defaultValue: selectedValueArray.current[index], key: index }));
-        }))));
-}

package/build/Cascader/index.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { WrapperProps } from "./Wrapper";
-export interface ShowCascaderProps extends WrapperProps {
-    blankClosable: boolean;
-    showMask?: boolean;
-    maskColor?: string;
-}
-export interface CascaderProps extends ShowCascaderProps, Omit<React.HTMLProps<HTMLDivElement>, "defaultValue" | "onSelect"> {
-    children?: React.ReactNode;
-}
-/**
- * 显示Cascader
- * @param option
- */
-export declare function showCascader(props: ShowCascaderProps): () => Promise<void>;
-/**
- * Cascader组件
- * @param props
- * @returns
- */
-export declare function Cascader(props: CascaderProps): JSX.Element;