clxx 2.1.5 → 2.1.7

package/build/Ago/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -9,12 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import dayjs from 'dayjs';
-import { ago } from '../utils/ago';
-export function Ago(props) {
-    const { date = dayjs(), block = false, renderContent } = props, attrs = __rest(props, ["date", "block", "renderContent"]);
-    const agoValue = ago(date);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ago = Ago;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const dayjs_1 = __importDefault(require("dayjs"));
+const ago_1 = require("../utils/ago");
+function Ago(props) {
+    const { date = (0, dayjs_1.default)(), block = false, renderContent } = props, attrs = __rest(props, ["date", "block", "renderContent"]);
+    const agoValue = (0, ago_1.ago)(date);
     // 格式化内容
     let content = agoValue.format;
     if (typeof renderContent === 'function') {
@@ -22,8 +28,8 @@ export function Ago(props) {
     }
     // 是否显示为块元素
     if (block) {
-        return _jsx("div", Object.assign({}, attrs, { children: content }));
+        return (0, jsx_runtime_1.jsx)("div", Object.assign({}, attrs, { children: content }));
     }
     // 默认显示行内元素
-    return _jsx("span", Object.assign({}, attrs, { children: content }));
+    return (0, jsx_runtime_1.jsx)("span", Object.assign({}, attrs, { children: content }));
 }

package/build/Alert/Wrapper.js

@@ -1,25 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Clickable } from '../Clickable';
-import { Row } from '../Flex/Row';
-import { style } from './style';
-export function AlertWrapper(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertWrapper = AlertWrapper;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Clickable_1 = require("../Clickable");
+const Row_1 = require("../Flex/Row");
+const style_1 = require("./style");
+function AlertWrapper(props) {
     const { title = '提示', description, confirm = '确定', confirmColor = '#007afe', cancel = '取消', cancelColor = '#666', showCancel = false, onConfirm, onCancel, 
     // 可定制的样式
     titleStyle, descStyle, btnStyle, cancelStyle, confirmStyle, } = props;
     // 标题样式
     let titleCss = [
-        style.title,
+        style_1.style.title,
         description ? { paddingBottom: 0 } : {},
         titleStyle
     ];
     // 展示按钮组
     let btnBoxCss = [
-        style.btnBox,
-        showCancel ? style.btnBoxWithCancel : {}
+        style_1.style.btnBox,
+        showCancel ? style_1.style.btnBoxWithCancel : {}
     ];
-    return (_jsxs("div", { css: style.container, children: [_jsxs("div", { css: style.content, children: [_jsx("div", { css: titleCss, children: title }), description && _jsx("div", { css: [style.desc, descStyle], children: description })] }), _jsxs(Row, { alignItems: "stretch", css: btnBoxCss, children: [showCancel && (_jsx(Clickable, { css: [style.btn, btnStyle, cancelStyle, { color: cancelColor }], onClick: onCancel, activeStyle: {
+    return ((0, jsx_runtime_1.jsxs)("div", { css: style_1.style.container, children: [(0, jsx_runtime_1.jsxs)("div", { css: style_1.style.content, children: [(0, jsx_runtime_1.jsx)("div", { css: titleCss, children: title }), description && (0, jsx_runtime_1.jsx)("div", { css: [style_1.style.desc, descStyle], children: description })] }), (0, jsx_runtime_1.jsxs)(Row_1.Row, { alignItems: "stretch", css: btnBoxCss, children: [showCancel && ((0, jsx_runtime_1.jsx)(Clickable_1.Clickable, { css: [style_1.style.btn, btnStyle, cancelStyle, { color: cancelColor }], onClick: onCancel, activeStyle: {
                             backgroundColor: `#c0c0c022`,
-                        }, children: cancel })), _jsx(Clickable, { css: [style.btn, btnStyle, confirmStyle, { color: confirmColor }], onClick: onConfirm, activeStyle: {
+                        }, children: cancel })), (0, jsx_runtime_1.jsx)(Clickable_1.Clickable, { css: [style_1.style.btn, btnStyle, confirmStyle, { color: confirmColor }], onClick: onConfirm, activeStyle: {
                             backgroundColor: `#c0c0c022`,
                         }, children: confirm })] })] }));
 }

package/build/Alert/index.js

@@ -1,3 +1,4 @@
+"use strict";
 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) {
@@ -7,19 +8,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React from 'react';
-import { showDialog } from '../Dialog';
-import { AlertWrapper } from './Wrapper';
-import isPlainObject from 'lodash/isPlainObject';
-import omit from 'lodash/omit';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showAlert = showAlert;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const Dialog_1 = require("../Dialog");
+const Wrapper_1 = require("./Wrapper");
+const isPlainObject_1 = __importDefault(require("lodash/isPlainObject"));
+const omit_1 = __importDefault(require("lodash/omit"));
 /**
  * 显示弹框
  * @param option
  */
-export function showAlert(option) {
+function showAlert(option) {
     let config;
-    if (React.isValidElement(option) || !isPlainObject(option)) {
+    if (react_1.default.isValidElement(option) || !(0, isPlainObject_1.default)(option)) {
         config = {
             title: option,
         };
@@ -28,7 +34,7 @@ export function showAlert(option) {
         config = option;
     }
     // 组件选项
-    const props = omit(config, ['showMask']);
+    const props = (0, omit_1.default)(config, ['showMask']);
     props.onCancel = () => __awaiter(this, void 0, void 0, function* () {
         var _a;
         yield closeDialog();
@@ -40,9 +46,9 @@ export function showAlert(option) {
         (_a = config.onConfirm) === null || _a === void 0 ? void 0 : _a.call(config);
     });
     // 创建对话框
-    const closeDialog = showDialog({
+    const closeDialog = (0, Dialog_1.showDialog)({
         showMask: typeof config.showMask === 'undefined' ? true : !!config.showMask,
-        content: _jsx(AlertWrapper, Object.assign({}, props)),
+        content: (0, jsx_runtime_1.jsx)(Wrapper_1.AlertWrapper, Object.assign({}, props)),
     });
     // 返回关闭逻辑
     return closeDialog;

package/build/Alert/style.js

@@ -1,17 +1,15 @@
-import { adaptive } from "../utils/cssUtil";
-export const style = {
-    container: [
-        {
-            position: "relative",
-            overflow: "hidden",
-            backgroundColor: "#fff",
-            boxShadow: "0 0 2px 0 #00000055",
-        },
-        adaptive({
-            borderRadius: 16,
-            width: 750 * 0.84,
-        }),
-    ],
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+exports.style = {
+    container: {
+        position: "relative",
+        overflow: "hidden",
+        backgroundColor: "#fff",
+        boxShadow: "0 0 2px 0 #00000055",
+        borderRadius: '.16rem',
+        width: 750 * 0.84 / 100 + 'rem',
+    },
     content: {
         position: "relative",
         "&:after,&::after": {
@@ -25,38 +23,30 @@ export const style = {
             transform: `scale(1, ${1 / window.devicePixelRatio})`,
         },
     },
-    title: [
-        {
-            textAlign: "center",
-            lineHeight: 1.4,
-            color: "#000",
-        },
-        adaptive({
-            paddingTop: 50,
-            paddingLeft: 40,
-            paddingRight: 40,
-            paddingBottom: 50,
-            fontSize: 33,
-        }),
-    ],
-    desc: [
-        {
-            textAlign: "center",
-            lineHeight: 1.4,
-            color: "#666",
-        },
-        adaptive({
-            paddingTop: 20,
-            paddingLeft: 40,
-            paddingRight: 40,
-            paddingBottom: 50,
-            fontSize: 29,
-        }),
-    ],
-    btnBox: adaptive({
+    title: {
+        textAlign: "center",
+        lineHeight: 1.4,
+        color: "#000",
+        paddingTop: '.5rem',
+        paddingLeft: '.4rem',
+        paddingRight: '.4rem',
+        paddingBottom: '.5rem',
+        fontSize: '.33rem',
+    },
+    desc: {
+        textAlign: "center",
+        lineHeight: 1.4,
+        color: "#666",
+        paddingTop: '.2rem',
+        paddingLeft: '.4rem',
+        paddingRight: '.4rem',
+        paddingBottom: '.5rem',
+        fontSize: '.29rem',
+    },
+    btnBox: {
         position: "relative",
-        height: 90,
-    }),
+        height: '.9rem',
+    },
     btnBoxWithCancel: {
         "&:after,&::after": {
             content: "''",
@@ -70,17 +60,13 @@ export const style = {
             transform: `scale(${1 / window.devicePixelRatio}, 1)`,
         },
     },
-    btn: [
-        {
-            flex: 1,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            userSelect: "none",
-            letterSpacing: "1px",
-        },
-        adaptive({
-            fontSize: 33,
-        }),
-    ],
+    btn: {
+        flex: 1,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        userSelect: "none",
+        letterSpacing: "1px",
+        fontSize: '.33rem',
+    },
 };

package/build/AutoGrid/index.js

@@ -1,3 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -9,24 +43,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import React, { useCallback } from 'react';
-import { style } from './style';
-import { normalizeUnit } from '../utils/cssUtil';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoGrid = AutoGrid;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const style_1 = require("./style");
+const cssUtil_1 = require("../utils/cssUtil");
 /**
  * 自动化生成表格
  * @param props
  */
-export function AutoGrid(props) {
+function AutoGrid(props) {
     const { children, cols: rawCols = 1, gap: rawGap = 0, isSquare = false, itemStyle, containerStyle } = props, extra = __rest(props, ["children", "cols", "gap", "isSquare", "itemStyle", "containerStyle"]);
-    // 规范化数字单位
-    const cols = +rawCols;
-    const gap = normalizeUnit(rawGap);
-    // 获取表格数据
-    const getGridData = useCallback(() => {
-        // 生成一个能创建表格的二维数组
-        let list = [];
-        React.Children.forEach(children, (child) => {
+    // 规范化，确保 cols >= 1
+    const cols = Math.max(1, Math.floor(+rawCols) || 1);
+    const gap = (0, cssUtil_1.normalizeUnit)(rawGap);
+    // 将 children 分组为二维数组
+    const gridData = (0, react_1.useMemo)(() => {
+        const list = [];
+        react_1.default.Children.forEach(children, (child) => {
             if (child !== null && child !== undefined) {
                 if (list.length === 0 || list[list.length - 1].length >= cols) {
                     list.push([]);
@@ -38,43 +73,26 @@ export function AutoGrid(props) {
         if (list.length > 0) {
             const lastRow = list[list.length - 1];
             while (lastRow.length < cols) {
-                lastRow.push(_jsx("div", { style: { visibility: 'hidden' } }, `placeholder-${lastRow.length}`));
+                lastRow.push(null);
             }
         }
         return list;
     }, [children, cols]);
-    // 元素的最终样式
-    const finalItemBoxStyle = [
-        style.itemBoxStyle,
-        {
-            marginRight: gap,
-            width: `calc((100% - ${cols - 1} * ${gap}) / ${cols})`,
-        },
-    ];
-    /**
-     * 显示内容
-     */
-    const showContent = () => {
-        const gridData = getGridData();
-        return gridData.map((row, rowIndex) => {
-            // 每行的槽样式，最后一行没有
-            let finalRowStyle = [
-                style.rowStyle,
-                rowIndex !== gridData.length - 1 ? { marginBottom: gap } : {}
-            ];
-            return (_jsx("div", { css: finalRowStyle, children: row.map((item, colIndex) => {
-                    let finalCss = [
-                        ...finalItemBoxStyle,
-                        itemStyle
-                    ];
-                    if (isSquare) {
-                        return (_jsx("div", { css: [...finalCss, style.itemBoxSquare], children: _jsx("div", { css: style.itemInnerStyle, children: item }) }, colIndex));
-                    }
-                    else {
-                        return (_jsx("div", { css: finalCss, children: item }, colIndex));
-                    }
-                }) }, rowIndex));
-        });
-    };
-    return (_jsx("div", Object.assign({}, extra, { css: [containerStyle], children: showContent() })));
+    // 缓存 item 宽度计算
+    const itemWidth = (0, react_1.useMemo)(() => `calc((100% - ${cols - 1} * ${gap}) / ${cols})`, [cols, gap]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, extra, { css: containerStyle, children: gridData.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("div", { css: [
+                style_1.style.row,
+                { gap },
+                rowIndex !== gridData.length - 1 ? { marginBottom: gap } : undefined,
+            ], children: row.map((item, colIndex) => {
+                const isPlaceholder = item === null;
+                const boxCss = [
+                    style_1.style.itemBox,
+                    { width: itemWidth },
+                    isPlaceholder ? { visibility: 'hidden' } : undefined,
+                    isSquare ? style_1.style.itemBoxSquare : undefined,
+                    itemStyle,
+                ];
+                return isSquare ? ((0, jsx_runtime_1.jsx)("div", { css: boxCss, children: (0, jsx_runtime_1.jsx)("div", { css: style_1.style.itemInner, children: item }) }, colIndex)) : ((0, jsx_runtime_1.jsx)("div", { css: boxCss, children: item }, colIndex));
+            }) }, rowIndex))) })));
 }

package/build/AutoGrid/style.d.ts

@@ -1,7 +1,6 @@
 export declare const style: {
-    itemBoxStyle: import("@emotion/react").SerializedStyles;
+    row: import("@emotion/react").SerializedStyles;
+    itemBox: import("@emotion/react").SerializedStyles;
     itemBoxSquare: import("@emotion/react").SerializedStyles;
-    itemNull: import("@emotion/react").SerializedStyles;
-    itemInnerStyle: import("@emotion/react").SerializedStyles;
-    rowStyle: import("@emotion/react").SerializedStyles;
+    itemInner: import("@emotion/react").SerializedStyles;
 };

package/build/AutoGrid/style.js

@@ -1,13 +1,17 @@
-import { css } from "@emotion/react";
-export const style = {
-    itemBoxStyle: css({
-        float: "left",
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const react_1 = require("@emotion/react");
+exports.style = {
+    row: (0, react_1.css)({
+        display: "flex",
+        width: "100%",
+    }),
+    itemBox: (0, react_1.css)({
         position: "relative",
-        "&:last-child": {
-            marginRight: 0,
-        },
+        minWidth: 0,
     }),
-    itemBoxSquare: css({
+    itemBoxSquare: (0, react_1.css)({
         "&:after,&::after": {
             content: "''",
             display: "block",
@@ -16,24 +20,11 @@ export const style = {
             paddingBottom: "100%",
         },
     }),
-    itemNull: css({
-        visibility: "hidden",
-    }),
-    itemInnerStyle: css({
+    itemInner: (0, react_1.css)({
         position: "absolute",
         left: 0,
         right: 0,
         bottom: 0,
         top: 0,
     }),
-    // 行样式
-    rowStyle: css({
-        width: "100%",
-        "&:after,&::after": {
-            content: "''",
-            display: "table",
-            height: 0,
-            clear: "both"
-        }
-    })
 };

package/build/CarouselNotice/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -9,30 +10,32 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { css } from '@emotion/react';
-import { useState, useEffect } from 'react';
-import { useInterval } from '../Effect/useInterval';
-import { style, Bubble } from './style';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CarouselNotice = CarouselNotice;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const useInterval_1 = require("../Effect/useInterval");
+const style_1 = require("./style");
 /**
  * 滚动循环轮播公告
  * @param props
  */
-export function CarouselNotice(props) {
+function CarouselNotice(props) {
     const { width, height, justify = 'center', interval = 3000, duration = 200, list = [], containerStyle, wrapperStyle, itemStyle } = props, attrs = __rest(props, ["width", "height", "justify", "interval", "duration", "list", "containerStyle", "wrapperStyle", "itemStyle"]);
-    const [current, setCurrent] = useState(0);
-    const [animation, setAnimation] = useState(false);
+    const [current, setCurrent] = (0, react_2.useState)(0);
+    const [animation, setAnimation] = (0, react_2.useState)(false);
     /**
      * 一旦列表发生更新时，触发的逻辑
      */
-    useEffect(() => {
+    (0, react_2.useEffect)(() => {
         setCurrent(0);
         setAnimation(false);
     }, [list]);
     /**
      * 每隔多少秒更新一次动画
      */
-    useInterval(() => {
+    (0, useInterval_1.useInterval)(() => {
         setAnimation(true);
     }, list.length > 1 ? interval : null);
     /**
@@ -52,18 +55,18 @@ export function CarouselNotice(props) {
         else {
             justifyStyle.justifyContent = 'center';
         }
-        const itemCss = [style.item, justifyStyle];
+        const itemCss = [style_1.style.item, justifyStyle];
         if (list.length === 1) {
-            return (_jsx("div", { css: [itemCss, itemStyle], children: list[0] }, 0));
+            return ((0, jsx_runtime_1.jsx)("div", { css: [itemCss, itemStyle], children: list[0] }, 0));
         }
         const showList = [];
         if (current === list.length - 1) {
-            showList.push(_jsx("div", { css: [itemCss, itemStyle], children: list[list.length - 1] }, current));
-            showList.push(_jsx("div", { css: [itemCss, itemStyle], children: list[0] }, 0));
+            showList.push((0, jsx_runtime_1.jsx)("div", { css: [itemCss, itemStyle], children: list[list.length - 1] }, current));
+            showList.push((0, jsx_runtime_1.jsx)("div", { css: [itemCss, itemStyle], children: list[0] }, 0));
         }
         else {
-            showList.push(_jsx("div", { css: [itemCss, itemStyle], children: list[current] }, current));
-            showList.push(_jsx("div", { css: [itemCss, itemStyle], children: list[current + 1] }, current + 1));
+            showList.push((0, jsx_runtime_1.jsx)("div", { css: [itemCss, itemStyle], children: list[current] }, current));
+            showList.push((0, jsx_runtime_1.jsx)("div", { css: [itemCss, itemStyle], children: list[current + 1] }, current + 1));
         }
         return showList;
     };
@@ -74,8 +77,8 @@ export function CarouselNotice(props) {
         if (!animation || list.length <= 1) {
             return null;
         }
-        return css({
-            animationName: Bubble,
+        return (0, react_1.css)({
+            animationName: style_1.Bubble,
             animationTimingFunction: 'linear',
             animationDuration: `${duration}ms`,
         });
@@ -92,5 +95,5 @@ export function CarouselNotice(props) {
         setAnimation(false);
     };
     return (Array.isArray(list) &&
-        list.length > 0 && (_jsx("div", Object.assign({}, attrs, { css: [style.box, { width, height }, containerStyle], children: _jsx("div", { onAnimationEnd: animationEnd, css: [style.wrapper, getAnimation(), wrapperStyle], children: showContent() }) }))));
+        list.length > 0 && ((0, jsx_runtime_1.jsx)("div", Object.assign({}, attrs, { css: [style_1.style.box, { width, height }, containerStyle], children: (0, jsx_runtime_1.jsx)("div", { onAnimationEnd: animationEnd, css: [style_1.style.wrapper, getAnimation(), wrapperStyle], children: showContent() }) }))));
 }

package/build/CarouselNotice/style.js

@@ -1,6 +1,8 @@
-import { keyframes } from "@emotion/react";
-import { adaptive } from "../utils/cssUtil";
-export const Bubble = keyframes `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.Bubble = void 0;
+const react_1 = require("@emotion/react");
+exports.Bubble = (0, react_1.keyframes) `
   from {
     transform: translateY(0);
   }
@@ -8,17 +10,13 @@ export const Bubble = keyframes `
     transform: translateY(-50%);
   }
 `;
-export const style = {
-    box: [
-        {
-            position: "relative",
-            overflow: "hidden",
-            transition: "all 200ms",
-        },
-        adaptive({
-            height: 80,
-        }),
-    ],
+exports.style = {
+    box: {
+        position: "relative",
+        overflow: "hidden",
+        transition: "all 200ms",
+        height: '.8rem',
+    },
     wrapper: {
         position: "absolute",
         left: 0,

package/build/CitySelect/data.d.ts

@@ -0,0 +1,3 @@
+import type { ProvinceData, CityData } from './type';
+export declare const provinceData: ProvinceData;
+export declare const cityData: CityData;