@canlooks/can-ui 0.0.118 → 0.0.120

package/dist/cjs/components/calendar/calendar.d.ts

@@ -7,6 +7,7 @@ export type ViewLevel = 'date' | 'month' | 'year';
 type SharedProps = {
     min?: Dayjs;
     max?: Dayjs;
+    dateButtonProps?: ButtonProps | ((date: Dayjs) => ButtonProps);
     disabledDates?: (date: Dayjs) => boolean;
     /** 是否显示`回今天`按钮，默认为`true` */
     showToday?: boolean;
@@ -31,5 +32,5 @@ export interface PanelProps extends SharedProps {
     setViewType: Dispatch<SetStateAction<'date' | 'month' | 'year'>>;
     onSelected(newValue: Dayjs): void;
 }
-export declare const Calendar: ({ viewLevel, showToday, todayButtonText, todayButtonProps, size, defaultValue, min, max, disabledDates, value, onChange, _defaultNull, ...props }: CalendarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Calendar: ({ viewLevel, showToday, dateButtonProps, todayButtonText, todayButtonProps, size, defaultValue, min, max, disabledDates, value, onChange, _defaultNull, ...props }: CalendarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/calendar/calendar.js

@@ -11,7 +11,7 @@ const calendar_style_1 = require("./calendar.style");
 const flex_1 = require("../flex");
 const panelYear_1 = require("./panelYear");
 const panelMonth_1 = require("./panelMonth");
-const Calendar = ({ viewLevel = 'date', showToday = true, todayButtonText = '回今天', todayButtonProps, size = 'medium', defaultValue = null, min, max, disabledDates, value, onChange, _defaultNull, ...props }) => {
+const Calendar = ({ viewLevel = 'date', showToday = true, dateButtonProps, todayButtonText = '回今天', todayButtonProps, size = 'medium', defaultValue = null, min, max, disabledDates, value, onChange, _defaultNull, ...props }) => {
     const [innerValue, setInnerValue] = (0, utils_1.useControlled)(defaultValue, value, onChange);
     const [viewType, setViewType] = (0, react_1.useState)(viewLevel);
     const [innerD, setInnerD] = (0, react_1.useState)(() => innerValue.current ?? (0, dayjs_1.default)().startOf('date'));
@@ -34,6 +34,7 @@ const Calendar = ({ viewLevel = 'date', showToday = true, todayButtonText = '回
             }
         },
         showToday,
+        dateButtonProps,
         todayButtonText,
         todayButtonProps,
         _defaultNull

package/dist/cjs/components/calendar/panelDates.d.ts

@@ -1,2 +1,2 @@
 import { PanelProps } from './calendar';
-export declare const PanelDates: import("react").MemoExoticComponent<({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, todayButtonText, todayButtonProps, _defaultNull }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const PanelDates: import("react").MemoExoticComponent<({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, dateButtonProps, todayButtonText, todayButtonProps, _defaultNull }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/cjs/components/calendar/panelDates.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelDates = void 0;
 const tslib_1 = require("tslib");
+const react_1 = require("@emotion/react");
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("react");
+const react_2 = require("react");
 const button_1 = require("../button");
 const dayjs_1 = tslib_1.__importDefault(require("dayjs"));
 const tooltip_1 = require("../tooltip");
@@ -13,6 +14,7 @@ const faAngleLeft_1 = require("@fortawesome/free-solid-svg-icons/faAngleLeft");
 const faAngleRight_1 = require("@fortawesome/free-solid-svg-icons/faAngleRight");
 const faAnglesRight_1 = require("@fortawesome/free-solid-svg-icons/faAnglesRight");
 const calendar_style_1 = require("./calendar.style");
+const utils_1 = require("../../utils");
 const days = ['一', '二', '三', '四', '五', '六', '日'];
 const renderedDaysList = (() => {
     const ret = [];
@@ -26,7 +28,7 @@ const commonButtonProps = {
     size: 'small',
     color: 'text'
 };
-exports.PanelDates = (0, react_1.memo)(({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, todayButtonText = '回今天', todayButtonProps, _defaultNull }) => {
+exports.PanelDates = (0, react_2.memo)(({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, dateButtonProps, todayButtonText = '回今天', todayButtonProps, _defaultNull }) => {
     const today = (0, dayjs_1.default)();
     const prevMonth = () => {
         setInnerD(d => d.subtract(1, 'month'));
@@ -63,15 +65,21 @@ exports.PanelDates = (0, react_1.memo)(({ value, setValue, innerD, setInnerD, se
             const selected = !_defaultNull && _d.isSame(value, 'day');
             const isCurrentMonth = _d.isSame(innerD, 'month');
             const disabled = isDisabled(_d);
-            ret.push((0, jsx_runtime_1.jsx)(button_1.Button, { className: calendar_style_1.classes.dateItem, size: "small", variant: disabled || selected ? 'filled'
+            const outerProps = typeof dateButtonProps === 'function' ? dateButtonProps(_d) : dateButtonProps;
+            ret.push((0, react_1.createElement)(button_1.Button, { size: "small", variant: disabled || selected ? 'filled'
                     : isToday ? 'outlined'
-                        : 'text', disabled: disabled, color: selected ? 'primary' : 'text', "data-other-month": !isCurrentMonth, onClick: () => !selected && setValue(_d), children: _d.date() }, i));
+                        : 'text', color: selected ? 'primary' : 'text', ...outerProps, key: i, className: (0, utils_1.clsx)(calendar_style_1.classes.dateItem, outerProps?.className), disabled: disabled, "data-other-month": !isCurrentMonth, onClick: e => {
+                    outerProps?.onClick?.(e);
+                    !selected && setValue(_d);
+                } }, _d.date()));
         }
         return ret;
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: calendar_style_1.classes.head, children: [(0, jsx_runtime_1.jsxs)("div", { className: calendar_style_1.classes.headSide, children: [renderHeadControl((0, jsx_runtime_1.jsx)(icon_1.Icon, { icon: faAnglesLeft_1.faAnglesLeft }), '上一年', prevYear), renderHeadControl((0, jsx_runtime_1.jsx)(icon_1.Icon, { icon: faAngleLeft_1.faAngleLeft }), '上一月', prevMonth)] }), (0, jsx_runtime_1.jsxs)("div", { className: calendar_style_1.classes.headSide, children: [renderHeadControl((0, jsx_runtime_1.jsx)(icon_1.Icon, { icon: faAngleRight_1.faAngleRight }), '下一月', nextMonth), renderHeadControl((0, jsx_runtime_1.jsx)(icon_1.Icon, { icon: faAnglesRight_1.faAnglesRight }), '下一年', nextYear)] }), (0, jsx_runtime_1.jsxs)("div", { className: calendar_style_1.classes.headCenter, children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { ...commonButtonProps, className: calendar_style_1.classes.headButton, onClick: () => setViewType('year'), children: [innerD.year(), "\u5E74"] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { ...commonButtonProps, className: calendar_style_1.classes.headButton, onClick: () => setViewType('month'), children: [(innerD.month() + 1).toString().padStart(2, '0'), "\u6708"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: calendar_style_1.classes.body, "data-view-type": "date", children: [renderedDaysList, renderDates()] }), showToday &&
                 (0, jsx_runtime_1.jsx)("div", { className: calendar_style_1.classes.foot, children: (0, jsx_runtime_1.jsx)(button_1.Button, { variant: "text", ...todayButtonProps, onClick: e => {
                             todayButtonProps?.onClick?.(e);
-                            setValue((0, dayjs_1.default)());
+                            const d = (0, dayjs_1.default)();
+                            setInnerD(d);
+                            setValue(d);
                         }, children: todayButtonText }) })] }));
 });

package/dist/cjs/components/divider/divider.style.js

@@ -19,6 +19,7 @@ exports.style = (0, utils_1.defineCss)(({ spacing, divider }) => (0, react_1.css
         }
 
         &[data-orientation=horizontal] {
+            width: 100%;
             display: flex;
 
             .${exports.classes.line} {
@@ -27,6 +28,7 @@ exports.style = (0, utils_1.defineCss)(({ spacing, divider }) => (0, react_1.css
         }
 
         &[data-orientation=vertical] {
+            height: 100%;
             display: inline-flex;
             flex-direction: column;
 

package/dist/cjs/components/flex/flex.js

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const flex_style_1 = require("./flex.style");
 const utils_1 = require("../../utils");
 const transportStyle_1 = require("../transportStyle");
-exports.Flex = (({ inline, direction = 'row', wrap, gap = 0, columnGap, rowGap, compact, ...props }) => {
+exports.Flex = (({ inline, direction = 'row', wrap, gap, columnGap, rowGap, compact, ...props }) => {
     const renderChildren = () => {
         if (!compact) {
             return props.children;

package/dist/cjs/utils/cubedStyles.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
+export type ConfigurableValue<T extends string | SerializedStyles> = T | T[] | (() => T | T[]);
+export type ConfigMapping<T> = {
+    [K in keyof T]?: keyof T[K];
+};
+export declare function cubed<Def extends Record<string, Record<string, ConfigurableValue<Value>>>, Value extends string | SerializedStyles>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def>) => Value[];
+export declare function cubedClasses<Def extends Record<string, Record<string, ConfigurableValue<string>>>>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def> | undefined) => string[];
+export declare function cubedStyles<Def extends Record<string, Record<string, ConfigurableValue<SerializedStyles>>>>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def> | undefined) => SerializedStyles[];

package/dist/cjs/utils/cubedStyles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cubed = cubed;
+exports.cubedClasses = cubedClasses;
+exports.cubedStyles = cubedStyles;
+function cubed(definitions, defaultProps) {
+    return (props) => {
+        const resolvedValues = [];
+        const assignedProps = { ...defaultProps, ...props };
+        for (const p in assignedProps) {
+            const configurableValue = definitions[p][assignedProps[p].toString()];
+            const value = typeof configurableValue === 'function' ? configurableValue() : configurableValue;
+            Array.isArray(value)
+                ? resolvedValues.push(...value)
+                : resolvedValues.push(value);
+        }
+        return resolvedValues;
+    };
+}
+function cubedClasses(definitions, defaultProps) {
+    return cubed(definitions, defaultProps);
+}
+function cubedStyles(definitions, defaultProps) {
+    return cubed(definitions, defaultProps);
+}

package/dist/cjs/utils/style.d.ts

@@ -58,7 +58,7 @@ export declare function useColor(colorPropsValue: ColorPropsValue | undefined):
  */
 export declare function useTouchSpread(colorPropsValue: ColorPropsValue): (element: Animatable) => void;
 /**
- * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历{@link Theme}中的所有`breakpoints`，触发回调函数
+ * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历所有`breakpoints`，触发回调函数
  * @param breakpoints 传入{@link Theme}中的断点，或自定义断点
  * @param callback 每个断点触发一次回调
  */

package/dist/cjs/utils/style.js

@@ -38,8 +38,9 @@ function defineClasses(prefixName, names) {
     });
     return ret;
 }
+const INNER_PREFIX = 'CanUI';
 function defineInnerClasses(prefixName, names) {
-    const prefix = definePrefix('CanUI-' + (0, utils_1.humpToSegmented)(prefixName));
+    const prefix = definePrefix(`${INNER_PREFIX}-${(0, utils_1.humpToSegmented)(prefixName)}`);
     const ret = { root: prefix() };
     names?.forEach(name => {
         ret[name] = prefix((0, utils_1.humpToSegmented)(name));
@@ -127,7 +128,7 @@ function useTouchSpread(colorPropsValue) {
     };
 }
 /**
- * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历{@link Theme}中的所有`breakpoints`，触发回调函数
+ * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历所有`breakpoints`，触发回调函数
  * @param breakpoints 传入{@link Theme}中的断点，或自定义断点
  * @param callback 每个断点触发一次回调
  */

package/dist/esm/components/calendar/calendar.d.ts

@@ -7,6 +7,7 @@ export type ViewLevel = 'date' | 'month' | 'year';
 type SharedProps = {
     min?: Dayjs;
     max?: Dayjs;
+    dateButtonProps?: ButtonProps | ((date: Dayjs) => ButtonProps);
     disabledDates?: (date: Dayjs) => boolean;
     /** 是否显示`回今天`按钮，默认为`true` */
     showToday?: boolean;
@@ -31,5 +32,5 @@ export interface PanelProps extends SharedProps {
     setViewType: Dispatch<SetStateAction<'date' | 'month' | 'year'>>;
     onSelected(newValue: Dayjs): void;
 }
-export declare const Calendar: ({ viewLevel, showToday, todayButtonText, todayButtonProps, size, defaultValue, min, max, disabledDates, value, onChange, _defaultNull, ...props }: CalendarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Calendar: ({ viewLevel, showToday, dateButtonProps, todayButtonText, todayButtonProps, size, defaultValue, min, max, disabledDates, value, onChange, _defaultNull, ...props }: CalendarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/calendar/calendar.js

@@ -7,7 +7,7 @@ import { classes, style } from './calendar.style';
 import { Flex } from '../flex';
 import { PanelYear } from './panelYear';
 import { PanelMonth } from './panelMonth';
-export const Calendar = ({ viewLevel = 'date', showToday = true, todayButtonText = '回今天', todayButtonProps, size = 'medium', defaultValue = null, min, max, disabledDates, value, onChange, _defaultNull, ...props }) => {
+export const Calendar = ({ viewLevel = 'date', showToday = true, dateButtonProps, todayButtonText = '回今天', todayButtonProps, size = 'medium', defaultValue = null, min, max, disabledDates, value, onChange, _defaultNull, ...props }) => {
     const [innerValue, setInnerValue] = useControlled(defaultValue, value, onChange);
     const [viewType, setViewType] = useState(viewLevel);
     const [innerD, setInnerD] = useState(() => innerValue.current ?? dayjs().startOf('date'));
@@ -30,6 +30,7 @@ export const Calendar = ({ viewLevel = 'date', showToday = true, todayButtonText
             }
         },
         showToday,
+        dateButtonProps,
         todayButtonText,
         todayButtonProps,
         _defaultNull

package/dist/esm/components/calendar/panelDates.d.ts

@@ -1,2 +1,2 @@
 import { PanelProps } from './calendar';
-export declare const PanelDates: import("react").MemoExoticComponent<({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, todayButtonText, todayButtonProps, _defaultNull }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const PanelDates: import("react").MemoExoticComponent<({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, dateButtonProps, todayButtonText, todayButtonProps, _defaultNull }: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/calendar/panelDates.js

@@ -1,3 +1,4 @@
+import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
 import { Button } from '../button';
@@ -9,6 +10,7 @@ import { faAngleLeft } from '@fortawesome/free-solid-svg-icons/faAngleLeft';
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons/faAngleRight';
 import { faAnglesRight } from '@fortawesome/free-solid-svg-icons/faAnglesRight';
 import { classes } from './calendar.style';
+import { clsx } from '../../utils';
 const days = ['一', '二', '三', '四', '五', '六', '日'];
 const renderedDaysList = (() => {
     const ret = [];
@@ -22,7 +24,7 @@ const commonButtonProps = {
     size: 'small',
     color: 'text'
 };
-export const PanelDates = memo(({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, todayButtonText = '回今天', todayButtonProps, _defaultNull }) => {
+export const PanelDates = memo(({ value, setValue, innerD, setInnerD, setViewType, min, max, disabledDates, showToday, dateButtonProps, todayButtonText = '回今天', todayButtonProps, _defaultNull }) => {
     const today = dayjs();
     const prevMonth = () => {
         setInnerD(d => d.subtract(1, 'month'));
@@ -59,15 +61,21 @@ export const PanelDates = memo(({ value, setValue, innerD, setInnerD, setViewTyp
             const selected = !_defaultNull && _d.isSame(value, 'day');
             const isCurrentMonth = _d.isSame(innerD, 'month');
             const disabled = isDisabled(_d);
-            ret.push(_jsx(Button, { className: classes.dateItem, size: "small", variant: disabled || selected ? 'filled'
+            const outerProps = typeof dateButtonProps === 'function' ? dateButtonProps(_d) : dateButtonProps;
+            ret.push(_createElement(Button, { size: "small", variant: disabled || selected ? 'filled'
                     : isToday ? 'outlined'
-                        : 'text', disabled: disabled, color: selected ? 'primary' : 'text', "data-other-month": !isCurrentMonth, onClick: () => !selected && setValue(_d), children: _d.date() }, i));
+                        : 'text', color: selected ? 'primary' : 'text', ...outerProps, key: i, className: clsx(classes.dateItem, outerProps?.className), disabled: disabled, "data-other-month": !isCurrentMonth, onClick: e => {
+                    outerProps?.onClick?.(e);
+                    !selected && setValue(_d);
+                } }, _d.date()));
         }
         return ret;
     };
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classes.head, children: [_jsxs("div", { className: classes.headSide, children: [renderHeadControl(_jsx(Icon, { icon: faAnglesLeft }), '上一年', prevYear), renderHeadControl(_jsx(Icon, { icon: faAngleLeft }), '上一月', prevMonth)] }), _jsxs("div", { className: classes.headSide, children: [renderHeadControl(_jsx(Icon, { icon: faAngleRight }), '下一月', nextMonth), renderHeadControl(_jsx(Icon, { icon: faAnglesRight }), '下一年', nextYear)] }), _jsxs("div", { className: classes.headCenter, children: [_jsxs(Button, { ...commonButtonProps, className: classes.headButton, onClick: () => setViewType('year'), children: [innerD.year(), "\u5E74"] }), _jsxs(Button, { ...commonButtonProps, className: classes.headButton, onClick: () => setViewType('month'), children: [(innerD.month() + 1).toString().padStart(2, '0'), "\u6708"] })] })] }), _jsxs("div", { className: classes.body, "data-view-type": "date", children: [renderedDaysList, renderDates()] }), showToday &&
                 _jsx("div", { className: classes.foot, children: _jsx(Button, { variant: "text", ...todayButtonProps, onClick: e => {
                             todayButtonProps?.onClick?.(e);
-                            setValue(dayjs());
+                            const d = dayjs();
+                            setInnerD(d);
+                            setValue(d);
                         }, children: todayButtonText }) })] }));
 });

package/dist/esm/components/divider/divider.style.js

@@ -16,6 +16,7 @@ export const style = defineCss(({ spacing, divider }) => css `
         }
 
         &[data-orientation=horizontal] {
+            width: 100%;
             display: flex;
 
             .${classes.line} {
@@ -24,6 +25,7 @@ export const style = defineCss(({ spacing, divider }) => css `
         }
 
         &[data-orientation=vertical] {
+            height: 100%;
             display: inline-flex;
             flex-direction: column;
 

package/dist/esm/components/flex/flex.js

@@ -3,7 +3,7 @@ import { Children, cloneElement, isValidElement } from 'react';
 import { classes } from './flex.style';
 import { clsx, filterProperties } from '../../utils';
 import { TransportStyle } from '../transportStyle';
-export const Flex = (({ inline, direction = 'row', wrap, gap = 0, columnGap, rowGap, compact, ...props }) => {
+export const Flex = (({ inline, direction = 'row', wrap, gap, columnGap, rowGap, compact, ...props }) => {
     const renderChildren = () => {
         if (!compact) {
             return props.children;

package/dist/esm/utils/cubedStyles.d.ts

@@ -0,0 +1,8 @@
+import { SerializedStyles } from '@emotion/react';
+export type ConfigurableValue<T extends string | SerializedStyles> = T | T[] | (() => T | T[]);
+export type ConfigMapping<T> = {
+    [K in keyof T]?: keyof T[K];
+};
+export declare function cubed<Def extends Record<string, Record<string, ConfigurableValue<Value>>>, Value extends string | SerializedStyles>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def>) => Value[];
+export declare function cubedClasses<Def extends Record<string, Record<string, ConfigurableValue<string>>>>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def> | undefined) => string[];
+export declare function cubedStyles<Def extends Record<string, Record<string, ConfigurableValue<SerializedStyles>>>>(definitions: Def, defaultProps?: ConfigMapping<Def>): (props?: ConfigMapping<Def> | undefined) => SerializedStyles[];

package/dist/esm/utils/cubedStyles.js

@@ -0,0 +1,20 @@
+export function cubed(definitions, defaultProps) {
+    return (props) => {
+        const resolvedValues = [];
+        const assignedProps = { ...defaultProps, ...props };
+        for (const p in assignedProps) {
+            const configurableValue = definitions[p][assignedProps[p].toString()];
+            const value = typeof configurableValue === 'function' ? configurableValue() : configurableValue;
+            Array.isArray(value)
+                ? resolvedValues.push(...value)
+                : resolvedValues.push(value);
+        }
+        return resolvedValues;
+    };
+}
+export function cubedClasses(definitions, defaultProps) {
+    return cubed(definitions, defaultProps);
+}
+export function cubedStyles(definitions, defaultProps) {
+    return cubed(definitions, defaultProps);
+}

package/dist/esm/utils/style.d.ts

@@ -58,7 +58,7 @@ export declare function useColor(colorPropsValue: ColorPropsValue | undefined):
  */
 export declare function useTouchSpread(colorPropsValue: ColorPropsValue): (element: Animatable) => void;
 /**
- * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历{@link Theme}中的所有`breakpoints`，触发回调函数
+ * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历所有`breakpoints`，触发回调函数
  * @param breakpoints 传入{@link Theme}中的断点，或自定义断点
  * @param callback 每个断点触发一次回调
  */

package/dist/esm/utils/style.js

@@ -22,8 +22,9 @@ export function defineClasses(prefixName, names) {
     });
     return ret;
 }
+const INNER_PREFIX = 'CanUI';
 export function defineInnerClasses(prefixName, names) {
-    const prefix = definePrefix('CanUI-' + humpToSegmented(prefixName));
+    const prefix = definePrefix(`${INNER_PREFIX}-${humpToSegmented(prefixName)}`);
     const ret = { root: prefix() };
     names?.forEach(name => {
         ret[name] = prefix(humpToSegmented(name));
@@ -111,7 +112,7 @@ export function useTouchSpread(colorPropsValue) {
     };
 }
 /**
- * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历{@link Theme}中的所有`breakpoints`，触发回调函数
+ * 生成响应式样式，与{@link responsiveStyles}的区别在于，本方法会遍历所有`breakpoints`，触发回调函数
  * @param breakpoints 传入{@link Theme}中的断点，或自定义断点
  * @param callback 每个断点触发一次回调
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canlooks/can-ui",
-  "version": "0.0.118",
+  "version": "0.0.120",
   "author": "C.CanLiang <canlooks@gmail.com>",
   "description": "My ui framework",
   "license": "MIT",