@ioca/react 1.5.21 → 1.5.22

package/lib/es/components/affix/affix.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { debounce } from 'radash';
 import { useState, useRef, useMemo, Children, cloneElement, useEffect } from 'react';
-import './index.css';
 import ToTop from './totop.js';
 
 const defaultGetContainer = () => {

package/lib/es/components/badge/badge.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import './index.css';
 
 const Badge = (props) => {
     const { content, contentClass, dot, dotSize, round, disabled, style, className, children, } = props;

package/lib/es/components/button/button.js

@@ -5,7 +5,6 @@ import useRipple from '../../js/useRipple/index.js';
 import Loading from '../loading/loading.js';
 import Confirm from './confirm.js';
 import Group from './group.js';
-import './index.css';
 import Toggle from './toggle.js';
 
 const formatClass = ({ outline, flat, loading, disabled, size = "normal", block, round, square, secondary, className, }) => classNames("i-btn", className, {

package/lib/es/components/card/card.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import './index.css';
 
 const Card = (props) => {
     const { hideShadow, border, className, children, header, footer, ...restProps } = props;

package/lib/es/components/checkbox/checkbox.js

@@ -1,9 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useState, useMemo, useEffect } from 'react';
-import '../../css/input.css';
 import { formatOption } from '../../js/utils.js';
-import './index.css';
 import CheckboxItem from './item.js';
 
 function Checkbox(props) {

package/lib/es/components/collapse/collapse.js

@@ -3,7 +3,6 @@ import { MinusRound, PlusRound } from '@ricons/material';
 import classNames from 'classnames';
 import { useState, useMemo, Children } from 'react';
 import Helpericon from '../utils/helpericon/helpericon.js';
-import './index.css';
 import Item from './item.js';
 
 const Collapse = (props) => {

package/lib/es/components/datagrid/datagrid.js

@@ -6,7 +6,6 @@ import { getNextSorter } from '../../js/utils.js';
 import Loading from '../loading/loading.js';
 import Empty from '../utils/empty/index.js';
 import { buildGridTemplateColumns, buildCssWidths, applyFixedInsets } from './helper.js';
-import './index.css';
 import Row, { Header } from './row.js';
 import VirtualDatagrid from './virtual.js';
 

package/lib/es/components/description/description.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { Fragment } from 'react';
-import './index.css';
 
 const Description = (props) => {
     const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className, } = props;

package/lib/es/components/drawer/drawer.js

@@ -4,7 +4,6 @@ import { useRef, useTransition, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { useReactive, useKeydown } from '../../js/hooks.js';
 import Helpericon from '../utils/helpericon/helpericon.js';
-import './index.css';
 
 function Drawer(props) {
     const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;

package/lib/es/components/dropdown/dropdown.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useEffect } from 'react';
 import List from '../list/list.js';
 import Popup from '../popup/popup.js';
-import './index.css';
 import Item from './item.js';
 
 const DropdownCloseCtx = createContext(null);

package/lib/es/components/editor/editor.js

@@ -3,7 +3,6 @@ import classNames from 'classnames';
 import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import xss from 'xss';
 import getControls, { xssOptions, exec } from './controls.js';
-import './index.css';
 import Memtion, { filterMemtionOptions, sanitizePlaintextOnMemtionHtml, getMemtionReplaceRange, insertMemtionOption, removeAdjacentMemtionTag, getMemtionText, getSelectionRect } from './memtion.js';
 
 const controlBtnProps = {

package/lib/es/components/flex/flex.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useMemo } from 'react';
-import './index.css';
 
 const Flex = (props) => {
     const { as: Component = "div", align, justify, direction, wrap, gap, columns, className, style, ...restProps } = props;

package/lib/es/components/form/form.js

@@ -5,7 +5,6 @@ import { crush } from 'radash';
 import { useMemo, useRef, useEffect } from 'react';
 import Context from './context.js';
 import Field from './field.js';
-import './index.css';
 import useConfig from './useConfig.js';
 import useForm from './useForm.js';
 

package/lib/es/components/icon/icon.js

@@ -1,6 +1,5 @@
 import classNames from 'classnames';
 import { isValidElement, cloneElement } from 'react';
-import './index.css';
 
 const Icon = (props) => {
     const { ref, icon, size = "1.425em", rotate, style, className, ...restProps } = props;

package/lib/es/components/image/image.js

@@ -4,7 +4,6 @@ import { memo, useRef, useCallback, useEffect, useMemo } from 'react';
 import { useReactive, useIntersectionObserver } from '../../js/hooks.js';
 import usePreview from '../../js/usePreview/index.js';
 import Loading from '../loading/loading.js';
-import './index.css';
 import List from './list.js';
 
 const STATUS_LOADING = "loading";

package/lib/es/components/input/input.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { VisibilityRound, VisibilityOffRound } from '@ricons/material';
 import classNames from 'classnames';
 import { useState, useMemo, useEffect } from 'react';
-import '../../css/input.css';
 import Helpericon from '../utils/helpericon/helpericon.js';
 import InputContainer from './container.js';
 import Number from './number.js';

package/lib/es/components/input/number.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { MinusRound, PlusRound, KeyboardDoubleArrowUpRound } from '@ricons/material';
 import classNames from 'classnames';
 import { useState, useEffect } from 'react';
-import '../../css/input.css';
 import { clamp, formatNumber } from '../../js/utils.js';
 import Helpericon from '../utils/helpericon/helpericon.js';
 import InputContainer from './container.js';

package/lib/es/components/input/range.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { MinusRound, PlusRound, SyncAltRound } from '@ricons/material';
 import classNames from 'classnames';
 import { useState, useEffect } from 'react';
-import '../../css/input.css';
 import { formatNumber, clamp } from '../../js/utils.js';
 import Helpericon from '../utils/helpericon/helpericon.js';
 import InputContainer from './container.js';

package/lib/es/components/input/textarea.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useState, useRef, useEffect, useImperativeHandle } from 'react';
-import '../../css/input.css';
 import InputContainer from './container.js';
 
 const Textarea = (props) => {

package/lib/es/components/list/list.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { forwardRef, Children, cloneElement } from 'react';
-import './index.css';
 import Item from './item.js';
 
 const List = forwardRef((props, ref) => {

package/lib/es/components/loading/loading.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import './index.css';
 
 const Loading = (props) => {
     const { icon, text, size, absolute, style, className, ...restProps } = props;

package/lib/es/components/message/message.js

@@ -3,7 +3,6 @@ import classNames from 'classnames';
 import { uid } from 'radash';
 import { useRef, useEffect, isValidElement } from 'react';
 import { useReactive } from '../../js/hooks.js';
-import './index.css';
 
 const AlignMap = {
     left: "flex-start",

package/lib/es/components/modal/content.js

@@ -2,7 +2,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { memo, useState, useMemo } from 'react';
 import Button from '../button/button.js';
 import Helpericon from '../utils/helpericon/helpericon.js';
-import './index.css';
 
 const Content = (props) => {
     const { title, footer, hideCloseButton, footerLeft, okButtonProps, cancelButtonProps, children, onOk, onClose, } = props;

package/lib/es/components/modal/modal.js

@@ -5,7 +5,6 @@ import { createPortal } from 'react-dom';
 import { useKeydown } from '../../js/hooks.js';
 import Content from './content.js';
 import ModalContext from './context.js';
-import './index.css';
 import { updateVisible, subscribe, register, getContainer, isTop } from './modalManager.js';
 import useModal from './useModal.js';
 

package/lib/es/components/pagination/pagination.js

@@ -3,7 +3,6 @@ import { KeyboardArrowLeftRound, KeyboardArrowRightRound, MoreHorizRound } from
 import classNames from 'classnames';
 import { useState, useMemo, useEffect } from 'react';
 import Icon from '../icon/icon.js';
-import './index.css';
 import Page from './page.js';
 
 const Pagination = (props) => {

package/lib/es/components/picker/colors/index.js

@@ -6,7 +6,6 @@ import InputContainer from '../../input/container.js';
 import Popup from '../../popup/popup.js';
 import Footer, { ColorMethods } from './footer.js';
 import Handle from './handle.js';
-import './index.css';
 
 function ColorPicker(props) {
     const { value, type = "HEX", disabledAlpha, children, usePanel, handle = "both", placeholder = "Colors", popupProps, onChange, label, required, className, style, ...restProps } = props;

package/lib/es/components/picker/daterange/daterange.js

@@ -7,8 +7,6 @@ import { useState, useMemo } from 'react';
 import Icon from '../../icon/icon.js';
 import Input from '../../input/input.js';
 import Popup from '../../popup/popup.js';
-import '../dates/index.css';
-import './index.css';
 import DoublePanel from './panel.js';
 
 dayjs.extend(customParseFormat);

package/lib/es/components/picker/dates/index.js

@@ -7,7 +7,6 @@ import { useState, useMemo, useEffect } from 'react';
 import Icon from '../../icon/icon.js';
 import Input from '../../input/input.js';
 import Popup from '../../popup/popup.js';
-import './index.css';
 import Panel from './panel.js';
 
 dayjs.extend(customParseFormat);

package/lib/es/components/picker/time/panel.js

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
-import './index.css';
 import Items from './item.js';
 
 const UnitMaps = {

package/lib/es/components/popconfirm/popconfirm.js

@@ -3,7 +3,6 @@ import { useReactive } from '../../js/hooks.js';
 import Button from '../button/button.js';
 import Flex from '../flex/flex.js';
 import Popup from '../popup/popup.js';
-import './index.css';
 
 const defaultOk = {
     children: "确定",

package/lib/es/components/popup/popup.js

@@ -4,7 +4,6 @@ import { useRef, useState, useMemo, Children, isValidElement, cloneElement, useE
 import { useResizeObserver, useMouseUp } from '../../js/hooks.js';
 import { getPosition, getPointPosition } from '../../js/utils.js';
 import Content from './content.js';
-import './index.css';
 
 const REACT_FORWARD_REF = Symbol.for("react.forward_ref");
 const REACT_FRAGMENT = Symbol.for("react.fragment");

package/lib/es/components/progress/progress.js

@@ -1,10 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useRef, useEffect } from 'react';
-import '../../css/input.css';
 import { useReactive, useMouseMove, useMouseUp } from '../../js/hooks.js';
 import Circle from './circle.js';
-import './index.css';
 import Line from './line.js';
 
 const Progress = (props) => {

package/lib/es/components/radio/radio.js

@@ -1,9 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useState, useMemo, useEffect } from 'react';
-import '../../css/input.css';
 import { formatOption } from '../../js/utils.js';
-import './index.css';
 import RadioItem from './item.js';
 
 function Radio(props) {

package/lib/es/components/resizable/resizable.js

@@ -2,7 +2,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useRef } from 'react';
 import { useReactive, useMouseUp, useMouseMove } from '../../js/hooks.js';
-import './index.css';
 
 const Resizable = (props) => {
     const { other, children, vertical, height, size = "auto", minSize = 0, maxSize = "100%", style, line, className, asPercent, onResize, onResizeComplete, } = props;

package/lib/es/components/river/river.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useRef, useMemo, Children, useLayoutEffect } from 'react';
 import { useReactive } from '../../js/hooks.js';
-import './index.css';
 
 const River = (props) => {
     const { children, className, speed = 1, pauseOnHover, ...restProps } = props;

package/lib/es/components/scroll/scroll.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useRef, useState, useEffect } from 'react';
-import './index.css';
 
 const Scroll = (props) => {
     const { style, className, draggable, onScroll, children, ...restProps } = props;

package/lib/es/components/select/select.js

@@ -3,11 +3,9 @@ import { UnfoldMoreRound } from '@ricons/material';
 import classNames from 'classnames';
 import { debounce } from 'radash';
 import { useState, useMemo, useEffect } from 'react';
-import '../../css/input.css';
 import { formatOption } from '../../js/utils.js';
 import Popup from '../popup/popup.js';
 import Helpericon from '../utils/helpericon/helpericon.js';
-import './index.css';
 import { displayValue, Options } from './options.js';
 
 const Select = (props) => {

package/lib/es/components/step/divider.js

@@ -1,5 +1,4 @@
 import { jsx } from 'react/jsx-runtime';
-import './index.css';
 
 function Divider() {
     return jsx("i", { className: 'i-step-divider' });

package/lib/es/components/step/step.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useMemo, Children } from 'react';
-import './index.css';
 import Item from './item.js';
 
 const Step = (props) => {

package/lib/es/components/swiper/swiper.js

@@ -5,7 +5,6 @@ import { useRef, useMemo, Children, useImperativeHandle, useEffect } from 'react
 import { useReactive, useMouseMove, useMouseUp } from '../../js/hooks.js';
 import { clamp } from '../../js/utils.js';
 import Icon from '../icon/icon.js';
-import './index.css';
 import Item from './item.js';
 
 const Swiper = ((props) => {

package/lib/es/components/tabs/tabs.js

@@ -4,7 +4,6 @@ import { useRef, useState, useMemo, useEffect, useImperativeHandle } from 'react
 import { useIntersectionObserver, useSize } from '../../js/hooks.js';
 import TabsContents from './contents.js';
 import { defaultRenderMore, getParsedTabs, isSameTabs, emptyBarStyle } from './helper.js';
-import './index.css';
 import Item from './item.js';
 import TabsNavs from './navs.js';
 

package/lib/es/components/tag/tag.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import Helpericon from '../utils/helpericon/helpericon.js';
-import './index.css';
 
 const Tag = (props) => {
     const { dot, dotClass, outline, round, size = "normal", hoverShowClose, className, children, onClose, onClick, ...restProps } = props;

package/lib/es/components/text/text.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useMemo } from 'react';
 import HighLight from './highlight.js';
-import './index.css';
 import Number from './number.js';
 import Number$1 from './time.js';
 

package/lib/es/components/tree/tree.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { flushSync } from 'react-dom';
 import { useState, useRef, useMemo, useEffect, useImperativeHandle } from 'react';
-import './index.css';
 import { TreeList } from './item.js';
 import VirtualTree from './virtual.js';
 

package/lib/es/components/upload/upload.js

@@ -11,7 +11,6 @@ import Button from '../button/button.js';
 import Icon from '../icon/icon.js';
 import InputContainer from '../input/container.js';
 import Dropbox from './dropbox.js';
-import './index.css';
 import FileListItem, { ListContainer } from './renderFile.js';
 
 const normalizeFiles = (files) => (files ?? []).map((item) => {

package/lib/es/components/utils/empty/index.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { InboxTwotone } from '@ricons/material';
 import classNames from 'classnames';
-import './index.css';
 
 function Empty(props) {
     const { className, ...restProps } = props;

package/lib/es/components/utils/helpericon/helpericon.js

@@ -4,7 +4,6 @@ import classNames from 'classnames';
 import { uid } from 'radash';
 import { createElement } from 'react';
 import Icon from '../../icon/icon.js';
-import './index.css';
 
 const Helpericon = (props) => {
     const { as = "a", active, className, icon = jsx(CloseRound, {}), ...restProps } = props;

package/lib/es/components/video/video.js

@@ -9,7 +9,6 @@ import Button from '../button/button.js';
 import Icon from '../icon/icon.js';
 import Progress from '../progress/progress.js';
 import Text from '../text/text.js';
-import './index.css';
 
 const Video = (props) => {
     const { ref, style, hideControls, autoplay, muted, volume = 50, height, width, useOriginControls, timeProgressProps = {

package/lib/es/index.js

@@ -1,4 +1,3 @@
-import './css/index.css';
 export { default as Affix } from './components/affix/affix.js';
 export { default as Badge } from './components/badge/badge.js';
 export { default as Button } from './components/button/button.js';

package/lib/es/js/usePreview/index.js

@@ -3,7 +3,6 @@ import { useRef } from 'react';
 import HookModal from '../../components/modal/hookModal.js';
 import { renderNode } from '../utils.js';
 import Content from './content.js';
-import './index.css';
 
 function usePreview() {
     const ref = useRef(null);

package/lib/es/js/useRipple/index.js

@@ -1,5 +1,3 @@
-import './ripple.css';
-
 const TIMEOUT = 500;
 const useRipple = () => {
     if (!document)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ioca/react",
-    "version": "1.5.21",
+    "version": "1.5.22",
     "type": "module",
     "scripts": {
         "dev": "vite",