x-ui-design 0.2.55 → 0.2.56

package/lib/components/Checkbox/Checkbox.tsx

@@ -1,23 +1,30 @@
-import { prefixClsCheckbox } from '@/utils';
-import { CheckboxProps } from '../../types/checkbox';
-import React, { Dispatch, ForwardedRef, forwardRef, MouseEvent, ReactElement, SetStateAction } from 'react';
-import { clsx } from '../../helpers';
-import { SyntheticBaseEvent } from '../../types';
+'use client';
 
+import {
+  ForwardedRef,
+  forwardRef,
+  MouseEvent,
+  ReactElement,
+  useEffect,
+  useState
+} from 'react';
+import { clsx } from '../../../lib/helpers';
+import { SyntheticBaseEvent } from '../../types';
+import { CheckboxProps } from '../../types/checkbox';
+import { prefixClsCheckbox } from '../../../lib/utils';
 import './style.css';
 
-const Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {
-  internalChecked: boolean,
-  setInternalChecked?: Dispatch<SetStateAction<boolean>>
-}>(
+const Checkbox = forwardRef<HTMLDivElement, CheckboxProps>(
   (
     {
       prefixCls = prefixClsCheckbox,
       className = '',
+      defaultChecked = false,
+      checked,
       style,
       disabled = false,
-      onClick,
       onChange,
+      onClick,
       onMouseEnter,
       onMouseLeave,
       onKeyPress,
@@ -28,35 +35,43 @@ const Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {
       id,
       autoFocus,
       type = 'checkbox',
-      internalChecked,
+      value = false,
       required = false,
-      noStyle,
-      setInternalChecked
+      noStyle
     },
     ref: ForwardedRef<HTMLDivElement>
   ): ReactElement => {
+    const isChecked = checked !== undefined ? checked : defaultChecked || value;
+    const [internalChecked, setInternalChecked] = useState(isChecked);
+
     const handleClick = (
-          e: MouseEvent<HTMLInputElement> & SyntheticBaseEvent
-        ) => {
-          e.stopPropagation();
-    
-          if (disabled) {
-            return;
-          }
-    
-          setInternalChecked?.(!internalChecked);
-          e.target.value = !internalChecked;
-    
-          onClick?.(e);
-          onChange?.(e);
-        };
+      e: MouseEvent<HTMLInputElement> & SyntheticBaseEvent
+    ) => {
+      e.stopPropagation();
+
+      if (disabled) {
+        return;
+      }
+
+      setInternalChecked(!internalChecked);
+      e.target.value = !internalChecked;
+
+      onClick?.(e);
+      onChange?.(e);
+    };
+
+    useEffect(() => {
+      if (checked !== undefined) {
+        setInternalChecked(checked);
+      }
+    }, [checked]);
 
-  return (
-    <div className={`${prefixCls}-wrapper`}>
+    return (
+      <div className={`${prefixCls}-wrapper`}>
         <div
           ref={ref}
           style={style}
-          onClick={(e) => handleClick(e as MouseEvent<HTMLInputElement> & SyntheticBaseEvent)}
+          onClick={handleClick}
           className={clsx([
             prefixCls,
             className,
@@ -91,9 +106,10 @@ const Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {
 
         {children && <span className={`${prefixCls}-label`}>{children}</span>}
       </div>
-  )
-})
+    );
+  }
+);
 
-Checkbox.displayName = "Checkbox";
+Checkbox.displayName = 'Checkbox';
 
 export default Checkbox;

package/lib/components/Checkbox/index.ts

@@ -1 +1 @@
-export { default as Checkbox } from '@/components/Checkbox/Checkbox'
+export { default as Checkbox } from './Checkbox'

package/lib/components/Checkbox copy/Checkbox.tsx

@@ -0,0 +1,98 @@
+import { prefixClsCheckbox } from '@/utils';
+import { CheckboxProps } from '../../types/checkbox';
+import React, { Dispatch, ForwardedRef, forwardRef, MouseEvent, ReactElement, SetStateAction } from 'react';
+import { clsx } from '../../helpers';
+import { SyntheticBaseEvent } from '../../types';
+import './style.css';
+
+const Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {
+  internalChecked: boolean,
+  setInternalChecked?: Dispatch<SetStateAction<boolean>>
+}>(
+  (
+    {
+      prefixCls = prefixClsCheckbox,
+      className = '',
+      style,
+      disabled = false,
+      onClick,
+      onChange,
+      onMouseEnter,
+      onMouseLeave,
+      onKeyPress,
+      onKeyDown,
+      tabIndex,
+      name,
+      children,
+      id,
+      autoFocus,
+      type = 'checkbox',
+      internalChecked,
+      required = false,
+      noStyle,
+      setInternalChecked
+    },
+    ref: ForwardedRef<HTMLDivElement>
+  ): ReactElement => {
+    const handleClick = (
+      e: MouseEvent<HTMLInputElement> & SyntheticBaseEvent
+    ) => {
+      e.stopPropagation();
+
+      if (disabled) {
+        return;
+      }
+
+      setInternalChecked?.(!internalChecked);
+      e.target.value = !internalChecked;
+
+      onClick?.(e);
+      onChange?.(e);
+    };
+
+    return (
+      <div className={`${prefixCls}-wrapper`}>
+        <div
+          ref={ref}
+          style={style}
+          onClick={(e) => handleClick(e as MouseEvent<HTMLInputElement> & SyntheticBaseEvent)}
+          className={clsx([
+            prefixCls,
+            className,
+            {
+              noStyle: noStyle,
+              [`${prefixCls}-disabled`]: disabled,
+              [`${prefixCls}-checked`]: internalChecked
+            }
+          ])}
+        >
+          <input
+            id={id}
+            type={type}
+            name={name}
+            disabled={disabled}
+            tabIndex={tabIndex}
+            required={required}
+            autoFocus={autoFocus}
+            onKeyDown={onKeyDown}
+            onKeyPress={onKeyPress}
+            onMouseEnter={onMouseEnter}
+            onMouseLeave={onMouseLeave}
+          />
+
+          <span className={`${prefixCls}-box`}>
+            <span
+              className={`${prefixCls}-check`}
+              style={{ opacity: Number(internalChecked) }}
+            />
+          </span>
+        </div>
+
+        {children && <span className={`${prefixCls}-label`}>{children}</span>}
+      </div>
+    )
+  })
+
+Checkbox.displayName = "Checkbox";
+
+export default Checkbox;

package/lib/components/Checkbox copy/index.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from '@/components/Checkbox copy/Checkbox'

package/lib/components/Checkbox copy/style.css

@@ -0,0 +1,91 @@
+.xUi-checkbox-wrapper {
+    cursor: pointer;
+    font-size: var(--xui-font-size-md);
+    align-items: center;
+    display: inline-flex;
+    color: var(--xui-main-color);
+    margin: 16px 0;
+}
+
+.xUi-checkbox {
+    width: 14px;
+    height: 14px;
+    position: relative;
+    border-radius: var(--xui-border-radius-sm);
+    transition: all 0.3s;
+    display: inline-block;
+    background-color: transparent;
+    border: 1px solid var(--xui-border-color);
+}
+
+.xUi-checkbox.xUi-checkbox-checked {
+    border-color: var(--xui-primary-color);
+    background-color: #f0f5ff;
+}
+
+.xUi-checkbox input {
+    inset: 0;
+    opacity: 0;
+    cursor: pointer;
+    position: absolute;
+}
+
+.xUi-checkbox-inner {
+    top: 50%;
+    left: 50%;
+    width: 10px;
+    height: 6px;
+    border-top: 0;
+    border-left: 0;
+    position: absolute;
+    border: 2px solid var(--xui-background-color);
+    transform: rotate(45deg) scale(0);
+    transition: transform 0.2s ease-in-out;
+}
+
+.xUi-checkbox-check {
+    width: 100%;
+    height: 100%;
+    display: block;
+    position: relative;
+    transition: 0.1s ease;
+    border-color: var(--xui-primary-color);
+    background-color: var(--xui-primary-color);
+}
+
+.xUi-checkbox-check::after {
+    top: 1px;
+    left: 3px;
+    width: 5px;
+    height: 8px;
+    content: "";
+    position: absolute;
+    border: solid white;
+    transform: rotate(45deg);
+    border-width: 0 2px 2px 0;
+}
+
+.xUi-checkbox-disabled,
+.xUi-checkbox-disabled .xUi-checkbox-check {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background-color: var(--xui-color-disabled);
+    border-color: var(--xui-border-color) !important;
+}
+
+.xUi-checkbox-label {
+    margin-left: 8px;
+    user-select: none;
+    font-size: 14px;
+}
+
+.xUi-checkbox:hover:not(.disabled),
+.xUi-checkbox:focus:not(.disabled) {
+    border-color: var(--xui-primary-color);
+    cursor: pointer;
+}
+
+.xUi-checkbox.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}

package/lib/index.ts

@@ -1,6 +1,20 @@
 // Styles
+import dynamic from 'next/dynamic';
 import './styles/global.css';
 
+const Button = dynamic(() => import('@/components/Button/Button'), {
+    ssr: false,
+});
+
+const Checkbox = dynamic(() => import('@/components/Checkbox/Checkbox'), {
+    ssr: false,
+});
+
+export {
+    Button,
+    Checkbox
+}
+
 // Components
-export { default as Button } from "@/components/Button/Button";
-export { default as Checkbox } from '@/components/Checkbox/Checkbox';
+// export { default as Button } from "@/components/Button/Button";
+// export { default as Checkbox } from '@/components/Checkbox/Checkbox';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.2.55",
+  "version": "0.2.56",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/dist/esm/types/components/Button/Button.client.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../types/button';
-declare const ButtonClient: (props: ButtonProps) => React.JSX.Element;
-export default ButtonClient;

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { ButtonProps } from '../../types/button';
-import './style.css';
-declare const Button: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, iconPosition, disabled, ghost, danger, block, children, href, iconNode, isLoading, ...restProps }: ButtonProps & {
-    iconNode?: ReactNode;
-    isLoading?: boolean;
-}) => ReactElement;
-export default Button;

package/dist/esm/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/dist/esm/types/components/Checkbox/Checkbox.client.d.ts

@@ -1,2 +0,0 @@
-import Checkbox from './Checkbox';
-export default Checkbox;

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -1,26 +0,0 @@
-import React, { Dispatch, MouseEvent, SetStateAction } from 'react';
-import './style.css';
-declare const Checkbox: React.ForwardRefExoticComponent<import("../../types").DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: MouseEvent<HTMLInputElement> & import("../../types").TargetProps) => void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: React.ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-} & {
-    internalChecked: boolean;
-    setInternalChecked?: Dispatch<SetStateAction<boolean>>;
-} & React.RefAttributes<HTMLDivElement>>;
-export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from '@/components/Checkbox/Checkbox';

package/dist/esm/types/helpers/index.d.ts

@@ -1,4 +0,0 @@
-import { RuleType } from '../types';
-export declare const parseValue: (value: RuleType) => RuleType;
-export declare function createArray(length: number): number[];
-export declare function clsx(...args: RuleType[]): string;

package/dist/esm/types/index.d.ts

@@ -1,3 +0,0 @@
-import './styles/global.css';
-export { default as Button } from "@/components/Button/Button";
-export { default as Checkbox } from '@/components/Checkbox/Checkbox';

package/dist/esm/types/types/button.d.ts

@@ -1,42 +0,0 @@
-import { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
-export declare const ButtonTypes: readonly ["default", "primary", "dashed", "link", "text", "ghost"];
-export declare const ButtonShapes: readonly ["default", "circle", "round"];
-export declare const ButtonVariantTypes: readonly ["outlined", "dashed", "solid", "filled", "text", "link"];
-export declare const ButtonColorTypes: readonly ["default", "primary", "danger", "blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
-export type ButtonType = (typeof ButtonTypes)[number];
-export type ButtonShape = (typeof ButtonShapes)[number];
-export type ButtonVariantType = (typeof ButtonVariantTypes)[number];
-export type ButtonColorType = (typeof ButtonColorTypes)[number];
-export type SizeType = 'small' | 'middle' | 'large' | undefined;
-export type ButtonHTMLType = 'button' | 'submit' | 'reset';
-export interface BaseButtonProps {
-    type?: ButtonType;
-    color?: ButtonColorType;
-    variant?: ButtonVariantType;
-    icon?: ReactNode;
-    iconPosition?: 'start' | 'end';
-    shape?: ButtonShape;
-    size?: SizeType;
-    disabled?: boolean;
-    loading?: boolean | {
-        delay?: number;
-        icon?: ReactNode;
-    };
-    prefixCls?: string;
-    className?: string;
-    rootClassName?: string;
-    ghost?: boolean;
-    danger?: boolean;
-    block?: boolean;
-    children?: ReactNode;
-    classNames?: {
-        icon?: string;
-    };
-    styles?: {
-        icon?: CSSProperties;
-    };
-}
-export interface ButtonProps extends BaseButtonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'> {
-    href?: string;
-    htmlType?: ButtonHTMLType;
-}

package/dist/esm/types/types/checkbox.d.ts

@@ -1,22 +0,0 @@
-import { KeyboardEventHandler, MouseEvent, MouseEventHandler, ReactNode } from 'react';
-import { DefaultProps, TargetProps } from '.';
-export type CheckboxProps = DefaultProps & {
-    disabled?: boolean;
-    onChange?: (e: MouseEvent<HTMLInputElement> & TargetProps) => void;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onMouseEnter?: MouseEventHandler<HTMLElement>;
-    onMouseLeave?: MouseEventHandler<HTMLElement>;
-    onKeyPress?: KeyboardEventHandler<HTMLElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLElement>;
-    value?: boolean;
-    tabIndex?: number;
-    name?: string;
-    children?: ReactNode;
-    id?: string;
-    autoFocus?: boolean;
-    type?: string;
-    skipGroup?: boolean;
-    required?: boolean;
-    defaultChecked?: boolean;
-    checked?: boolean;
-};

package/dist/esm/types/types/index.d.ts

@@ -1,25 +0,0 @@
-import { CSSProperties, MouseEvent } from 'react';
-export type RuleType = any;
-export type RuleTypes = RuleType | RuleType[];
-export type SizeType = 'small' | 'middle' | 'large';
-export type MouseEventHandlerSelect = MouseEvent<HTMLDivElement> & TargetProps;
-export interface DefaultProps {
-    prefixCls?: string;
-    className?: string;
-    style?: CSSProperties;
-    noStyle?: boolean;
-}
-export type TargetProps = {
-    target: {
-        value: RuleType;
-    };
-};
-export type SyntheticBaseEvent = {
-    target: EventTarget & {
-        value: RuleType;
-    };
-    nativeEvent?: Event & {
-        data?: string | null;
-    };
-    currentTarget: EventTarget;
-};

package/dist/esm/types/utils/index.d.ts

@@ -1,14 +0,0 @@
-export declare const prefixClsForm = "xUi-form";
-export declare const prefixClsFormItem = "xUi-form-item";
-export declare const prefixClsEmpty = "xUi-empty";
-export declare const prefixClsInput = "xUi-input";
-export declare const prefixClsSelect = "xUi-select";
-export declare const prefixClsCheckbox = "xUi-checkbox";
-export declare const prefixClsRadio = "xUi-radio";
-export declare const prefixClsTextArea = "xUi-textarea";
-export declare const prefixClsUpload = "xUi-upload";
-export declare const prefixClsDatePicker = "xUi-datepicker";
-export declare const prefixClsRangePicker = "xUi-rangepicker";
-export declare const prefixClsTimePicker = "xUi-timepicker";
-export declare const prefixClsButton = "xUi-button";
-export declare const prefixClsSkeleton = "xUi-skeleton";

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from '@/components/Button/Button';
-export { default as Checkbox } from '@/components/Checkbox/Checkbox';

package/dist/index.esm.js

@@ -1,194 +0,0 @@
-import React, { forwardRef } from 'react';
-
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$2 = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-styleInject(css_248z$2);
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-function clsx(...args) {
-  return args.flatMap(arg => {
-    if (!arg) {
-      return [];
-    }
-    if (typeof arg === 'string') {
-      return [arg];
-    }
-    if (typeof arg === 'number') {
-      return [String(arg)];
-    }
-    if (Array.isArray(arg)) {
-      return clsx(...arg).split(' ');
-    }
-    if (typeof arg === 'object') {
-      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
-    }
-    return [];
-  }).filter(Boolean).join(' ');
-}
-
-const prefixClsCheckbox = 'xUi-checkbox';
-const prefixClsButton = 'xUi-button';
-
-var css_248z$1 = ".xUi-button{border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:400;line-height:1.5715;transition:all .3s ease;user-select:none;vertical-align:middle;white-space:nowrap}.xUi-button,.xUi-button-content,.xUi-button-icon{align-items:center;display:inline-flex;justify-content:center}.xUi-button-icon{line-height:0;margin-right:.5em}.xUi-button-icon:last-child{margin-left:.5em;margin-right:0}.xUi-button-spinner{animation:xUi-spin 1s linear infinite;border:1px solid transparent;border-radius:50%;border-top:1px solid var(--xui-text-color);height:1em;width:1em}@keyframes xUi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-button-size-small{font-size:12px;height:24px;padding:4px 12px}.xUi-button-size-middle{font-size:14px;height:32px;padding:0 16px}.xUi-button-size-large{font-size:16px;height:40px;padding:8px 20px}.xUi-button-circle{border-radius:50%;justify-content:center;padding:0}.xUi-button-circle.xUi-button-size-small{height:24px;width:24px}.xUi-button-circle.xUi-button-size-large{height:40px;width:40px}.xUi-button-round{border-radius:9999px}.xUi-button-default{background-color:#fff;border-color:var(--xui-border-color);color:rgba(0,0,0,.85)}.xUi-button-default:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-primary{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);color:#fff}.xUi-button-primary:hover{background-color:var(--xui-primary-color-light);border-color:var(--xui-primary-color-light);color:#fff}.xUi-button-dashed{background-color:#fff;border-color:var(--xui-border-color);border-style:dashed;color:rgba(0,0,0,.85)}.xUi-button-dashed:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-text{background-color:transparent;border-color:transparent!important;color:rgba(0,0,0,.88)}.xUi-button-text:hover{background-color:rgba(0,0,0,.04);border-color:transparent;color:rgba(0,0,0,.88)}.xUi-button-link{background-color:transparent;border-color:transparent!important;color:var(--xui-primary-color)}.xUi-button-link:hover{border-color:transparent;color:var(--xui-primary-color-light)}.xUi-button-outlined{color:#fff}.xUi-button-filled,.xUi-button-outlined{background-color:transparent;border-color:var(--xui-border-color)}.xUi-button-filled{color:var(--xui-text-color)}.xUi-button-danger{background-color:transparent;border-color:var(--xui-error-color);color:var(--xui-error-color)}.xUi-button-danger:hover{border-color:var(--xui-error-color-light);color:var(--xui-error-color-light)}.xUi-button-ghost{opacity:0}.xUi-button-ghost:hover{opacity:1}.xUi-button-block{display:flex;width:100%}.xUi-button-disabled,.xUi-button-loading{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color);color:var(--xui-text-color);cursor:not-allowed;opacity:.5;pointer-events:none}.xUi-button-loading{background-color:transparent}";
-styleInject(css_248z$1);
-
-const Button = ({
-  type = 'default',
-  variant = 'solid',
-  color = 'default',
-  shape = 'default',
-  size = 'middle',
-  htmlType = 'button',
-  className,
-  rootClassName,
-  classNames: customClassNames = {},
-  styles = {},
-  prefixCls = prefixClsButton,
-  iconPosition = 'start',
-  disabled = false,
-  ghost = false,
-  danger = false,
-  block = false,
-  children,
-  href,
-  iconNode,
-  isLoading = false,
-  ...restProps
-}) => {
-  const classes = clsx(prefixCls, rootClassName, `${prefixCls}-${type}`, `${prefixCls}-${variant}`, `${prefixCls}-${color}`, `${prefixCls}-${shape}`, `${prefixCls}-size-${size}`, {
-    [`${prefixCls}-block`]: block,
-    [`${prefixCls}-ghost`]: ghost,
-    [`${prefixCls}-danger`]: danger,
-    [`${prefixCls}-loading`]: isLoading,
-    [`${prefixCls}-disabled`]: disabled
-  }, className);
-  const mergedDisabled = disabled || isLoading;
-  const content = /*#__PURE__*/React.createElement(React.Fragment, null, iconNode && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-content`
-  }, children), iconNode && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode));
-  if (href) {
-    return /*#__PURE__*/React.createElement("a", {
-      className: classes,
-      href: mergedDisabled ? undefined : href,
-      "aria-disabled": mergedDisabled
-    }, content);
-  }
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: htmlType,
-    className: classes,
-    disabled: mergedDisabled
-  }, restProps), content);
-};
-
-var css_248z = ".xUi-checkbox-wrapper{align-items:center;color:var(--xui-main-color);cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);margin:16px 0}.xUi-checkbox{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);display:inline-block;height:14px;position:relative;transition:all .3s;width:14px}.xUi-checkbox.xUi-checkbox-checked{background-color:#f0f5ff;border-color:var(--xui-primary-color)}.xUi-checkbox input{cursor:pointer;inset:0;opacity:0;position:absolute}.xUi-checkbox-inner{border-left:0;border-top:0;border:2px solid var(--xui-background-color);height:6px;left:50%;position:absolute;top:50%;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out;width:10px}.xUi-checkbox-check{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);display:block;height:100%;position:relative;transition:.1s ease;width:100%}.xUi-checkbox-check:after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:8px;left:3px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.xUi-checkbox-disabled,.xUi-checkbox-disabled .xUi-checkbox-check{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color)!important;cursor:not-allowed;opacity:.5}.xUi-checkbox-label{font-size:14px;margin-left:8px;user-select:none}.xUi-checkbox:focus:not(.disabled),.xUi-checkbox:hover:not(.disabled){border-color:var(--xui-primary-color);cursor:pointer}.xUi-checkbox.disabled{cursor:not-allowed;opacity:.5}";
-styleInject(css_248z);
-
-const Checkbox = /*#__PURE__*/forwardRef(({
-  prefixCls = prefixClsCheckbox,
-  className = '',
-  style,
-  disabled = false,
-  onClick,
-  onChange,
-  onMouseEnter,
-  onMouseLeave,
-  onKeyPress,
-  onKeyDown,
-  tabIndex,
-  name,
-  children,
-  id,
-  autoFocus,
-  type = 'checkbox',
-  internalChecked,
-  required = false,
-  noStyle,
-  setInternalChecked
-}, ref) => {
-  const handleClick = e => {
-    e.stopPropagation();
-    if (disabled) {
-      return;
-    }
-    setInternalChecked?.(!internalChecked);
-    e.target.value = !internalChecked;
-    onClick?.(e);
-    onChange?.(e);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: style,
-    onClick: e => handleClick(e),
-    className: clsx([prefixCls, className, {
-      noStyle: noStyle,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-checked`]: internalChecked
-    }])
-  }, /*#__PURE__*/React.createElement("input", {
-    id: id,
-    type: type,
-    name: name,
-    disabled: disabled,
-    tabIndex: tabIndex,
-    required: required,
-    autoFocus: autoFocus,
-    onKeyDown: onKeyDown,
-    onKeyPress: onKeyPress,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-check`,
-    style: {
-      opacity: Number(internalChecked)
-    }
-  }))), children && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-label`
-  }, children));
-});
-Checkbox.displayName = "Checkbox";
-
-export { Button, Checkbox };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../lib/helpers/index.ts","../lib/utils/index.ts","../lib/components/Button/Button.tsx","../lib/components/Checkbox/Checkbox.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","import React, { ReactElement, ReactNode } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst Button = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  iconPosition = 'start',\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  iconNode,\n  isLoading = false,\n  ...restProps\n}: ButtonProps & {\n  iconNode?: ReactNode;\n  isLoading?: boolean;\n}): ReactElement => {\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: isLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const mergedDisabled = disabled || isLoading;\n\n  const content = (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  );\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default Button;\n","import { prefixClsCheckbox } from '@/utils';\nimport { CheckboxProps } from '../../types/checkbox';\nimport React, { Dispatch, ForwardedRef, forwardRef, MouseEvent, ReactElement, SetStateAction } from 'react';\nimport { clsx } from '../../helpers';\nimport { SyntheticBaseEvent } from '../../types';\n\nimport './style.css';\n\nconst Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {\n  internalChecked: boolean,\n  setInternalChecked?: Dispatch<SetStateAction<boolean>>\n}>(\n  (\n    {\n      prefixCls = prefixClsCheckbox,\n      className = '',\n      style,\n      disabled = false,\n      onClick,\n      onChange,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyPress,\n      onKeyDown,\n      tabIndex,\n      name,\n      children,\n      id,\n      autoFocus,\n      type = 'checkbox',\n      internalChecked,\n      required = false,\n      noStyle,\n      setInternalChecked\n    },\n    ref: ForwardedRef<HTMLDivElement>\n  ): ReactElement => {\n    const handleClick = (\n          e: MouseEvent<HTMLInputElement> & SyntheticBaseEvent\n        ) => {\n          e.stopPropagation();\n    \n          if (disabled) {\n            return;\n          }\n    \n          setInternalChecked?.(!internalChecked);\n          e.target.value = !internalChecked;\n    \n          onClick?.(e);\n          onChange?.(e);\n        };\n\n  return (\n    <div className={`${prefixCls}-wrapper`}>\n        <div\n          ref={ref}\n          style={style}\n          onClick={(e) => handleClick(e as MouseEvent<HTMLInputElement> & SyntheticBaseEvent)}\n          className={clsx([\n            prefixCls,\n            className,\n            {\n              noStyle: noStyle,\n              [`${prefixCls}-disabled`]: disabled,\n              [`${prefixCls}-checked`]: internalChecked\n            }\n          ])}\n        >\n          <input\n            id={id}\n            type={type}\n            name={name}\n            disabled={disabled}\n            tabIndex={tabIndex}\n            required={required}\n            autoFocus={autoFocus}\n            onKeyDown={onKeyDown}\n            onKeyPress={onKeyPress}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          />\n\n          <span className={`${prefixCls}-box`}>\n            <span\n              className={`${prefixCls}-check`}\n              style={{ opacity: Number(internalChecked) }}\n            />\n          </span>\n        </div>\n\n        {children && <span className={`${prefixCls}-label`}>{children}</span>}\n      </div>\n  )\n})\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsCheckbox","prefixClsButton","Button","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","iconPosition","disabled","ghost","danger","block","children","href","iconNode","isLoading","restProps","classes","mergedDisabled","content","React","Fragment","icon","undefined","_extends","Checkbox","forwardRef","onClick","onChange","onMouseEnter","onMouseLeave","onKeyPress","onKeyDown","tabIndex","name","id","autoFocus","internalChecked","required","noStyle","setInternalChecked","handleClick","e","stopPropagation","target","opacity","Number","displayName"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.js

@@ -1,197 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$2 = ":root{--xui-color-hover:#f5f5f5;--xui-color-disabled:#e6e6e6;--xui-primary-color:#1677ff;--xui-primary-color-light:#40a9ff;--xui-text-color:rgba(0,0,0,.88);--xui-text-color-light:rgba(0,0,0,.5);--xui-error-color:#ff4d4f;--xui-error-color-light:#ff6668;--xui-success-color:#52c41a;--xui-background-color:#fff;--xui-font-size-xs:12px;--xui-font-size-sm:14px;--xui-font-size-md:14px;--xui-font-size-lg:16px;--xui-border-radius-sm:4px;--xui-border-radius-md:4px;--xui-border-radius-lg:6px;--xui-border-color:#d9d9d9;--xui-select-primary-color:var(--xui-primary-color);--xui-select-background-color:var(--xui-background-color)}html{font-family:sans-serif}.globalEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
-styleInject(css_248z$2);
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-function clsx(...args) {
-  return args.flatMap(arg => {
-    if (!arg) {
-      return [];
-    }
-    if (typeof arg === 'string') {
-      return [arg];
-    }
-    if (typeof arg === 'number') {
-      return [String(arg)];
-    }
-    if (Array.isArray(arg)) {
-      return clsx(...arg).split(' ');
-    }
-    if (typeof arg === 'object') {
-      return Object.entries(arg).filter(([, value]) => Boolean(value)).map(([key]) => key);
-    }
-    return [];
-  }).filter(Boolean).join(' ');
-}
-
-const prefixClsCheckbox = 'xUi-checkbox';
-const prefixClsButton = 'xUi-button';
-
-var css_248z$1 = ".xUi-button{border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:400;line-height:1.5715;transition:all .3s ease;user-select:none;vertical-align:middle;white-space:nowrap}.xUi-button,.xUi-button-content,.xUi-button-icon{align-items:center;display:inline-flex;justify-content:center}.xUi-button-icon{line-height:0;margin-right:.5em}.xUi-button-icon:last-child{margin-left:.5em;margin-right:0}.xUi-button-spinner{animation:xUi-spin 1s linear infinite;border:1px solid transparent;border-radius:50%;border-top:1px solid var(--xui-text-color);height:1em;width:1em}@keyframes xUi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.xUi-button-size-small{font-size:12px;height:24px;padding:4px 12px}.xUi-button-size-middle{font-size:14px;height:32px;padding:0 16px}.xUi-button-size-large{font-size:16px;height:40px;padding:8px 20px}.xUi-button-circle{border-radius:50%;justify-content:center;padding:0}.xUi-button-circle.xUi-button-size-small{height:24px;width:24px}.xUi-button-circle.xUi-button-size-large{height:40px;width:40px}.xUi-button-round{border-radius:9999px}.xUi-button-default{background-color:#fff;border-color:var(--xui-border-color);color:rgba(0,0,0,.85)}.xUi-button-default:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-primary{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);color:#fff}.xUi-button-primary:hover{background-color:var(--xui-primary-color-light);border-color:var(--xui-primary-color-light);color:#fff}.xUi-button-dashed{background-color:#fff;border-color:var(--xui-border-color);border-style:dashed;color:rgba(0,0,0,.85)}.xUi-button-dashed:hover{border-color:var(--xui-primary-color);color:var(--xui-primary-color)}.xUi-button-text{background-color:transparent;border-color:transparent!important;color:rgba(0,0,0,.88)}.xUi-button-text:hover{background-color:rgba(0,0,0,.04);border-color:transparent;color:rgba(0,0,0,.88)}.xUi-button-link{background-color:transparent;border-color:transparent!important;color:var(--xui-primary-color)}.xUi-button-link:hover{border-color:transparent;color:var(--xui-primary-color-light)}.xUi-button-outlined{color:#fff}.xUi-button-filled,.xUi-button-outlined{background-color:transparent;border-color:var(--xui-border-color)}.xUi-button-filled{color:var(--xui-text-color)}.xUi-button-danger{background-color:transparent;border-color:var(--xui-error-color);color:var(--xui-error-color)}.xUi-button-danger:hover{border-color:var(--xui-error-color-light);color:var(--xui-error-color-light)}.xUi-button-ghost{opacity:0}.xUi-button-ghost:hover{opacity:1}.xUi-button-block{display:flex;width:100%}.xUi-button-disabled,.xUi-button-loading{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color);color:var(--xui-text-color);cursor:not-allowed;opacity:.5;pointer-events:none}.xUi-button-loading{background-color:transparent}";
-styleInject(css_248z$1);
-
-const Button = ({
-  type = 'default',
-  variant = 'solid',
-  color = 'default',
-  shape = 'default',
-  size = 'middle',
-  htmlType = 'button',
-  className,
-  rootClassName,
-  classNames: customClassNames = {},
-  styles = {},
-  prefixCls = prefixClsButton,
-  iconPosition = 'start',
-  disabled = false,
-  ghost = false,
-  danger = false,
-  block = false,
-  children,
-  href,
-  iconNode,
-  isLoading = false,
-  ...restProps
-}) => {
-  const classes = clsx(prefixCls, rootClassName, `${prefixCls}-${type}`, `${prefixCls}-${variant}`, `${prefixCls}-${color}`, `${prefixCls}-${shape}`, `${prefixCls}-size-${size}`, {
-    [`${prefixCls}-block`]: block,
-    [`${prefixCls}-ghost`]: ghost,
-    [`${prefixCls}-danger`]: danger,
-    [`${prefixCls}-loading`]: isLoading,
-    [`${prefixCls}-disabled`]: disabled
-  }, className);
-  const mergedDisabled = disabled || isLoading;
-  const content = /*#__PURE__*/React.createElement(React.Fragment, null, iconNode && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-content`
-  }, children), iconNode && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
-    className: clsx(`${prefixCls}-icon`, customClassNames.icon),
-    style: styles.icon
-  }, iconNode));
-  if (href) {
-    return /*#__PURE__*/React.createElement("a", {
-      className: classes,
-      href: mergedDisabled ? undefined : href,
-      "aria-disabled": mergedDisabled
-    }, content);
-  }
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: htmlType,
-    className: classes,
-    disabled: mergedDisabled
-  }, restProps), content);
-};
-
-var css_248z = ".xUi-checkbox-wrapper{align-items:center;color:var(--xui-main-color);cursor:pointer;display:inline-flex;font-size:var(--xui-font-size-md);margin:16px 0}.xUi-checkbox{background-color:transparent;border:1px solid var(--xui-border-color);border-radius:var(--xui-border-radius-sm);display:inline-block;height:14px;position:relative;transition:all .3s;width:14px}.xUi-checkbox.xUi-checkbox-checked{background-color:#f0f5ff;border-color:var(--xui-primary-color)}.xUi-checkbox input{cursor:pointer;inset:0;opacity:0;position:absolute}.xUi-checkbox-inner{border-left:0;border-top:0;border:2px solid var(--xui-background-color);height:6px;left:50%;position:absolute;top:50%;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out;width:10px}.xUi-checkbox-check{background-color:var(--xui-primary-color);border-color:var(--xui-primary-color);display:block;height:100%;position:relative;transition:.1s ease;width:100%}.xUi-checkbox-check:after{border:solid #fff;border-width:0 2px 2px 0;content:\"\";height:8px;left:3px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.xUi-checkbox-disabled,.xUi-checkbox-disabled .xUi-checkbox-check{background-color:var(--xui-color-disabled);border-color:var(--xui-border-color)!important;cursor:not-allowed;opacity:.5}.xUi-checkbox-label{font-size:14px;margin-left:8px;user-select:none}.xUi-checkbox:focus:not(.disabled),.xUi-checkbox:hover:not(.disabled){border-color:var(--xui-primary-color);cursor:pointer}.xUi-checkbox.disabled{cursor:not-allowed;opacity:.5}";
-styleInject(css_248z);
-
-const Checkbox = /*#__PURE__*/React.forwardRef(({
-  prefixCls = prefixClsCheckbox,
-  className = '',
-  style,
-  disabled = false,
-  onClick,
-  onChange,
-  onMouseEnter,
-  onMouseLeave,
-  onKeyPress,
-  onKeyDown,
-  tabIndex,
-  name,
-  children,
-  id,
-  autoFocus,
-  type = 'checkbox',
-  internalChecked,
-  required = false,
-  noStyle,
-  setInternalChecked
-}, ref) => {
-  const handleClick = e => {
-    e.stopPropagation();
-    if (disabled) {
-      return;
-    }
-    setInternalChecked?.(!internalChecked);
-    e.target.value = !internalChecked;
-    onClick?.(e);
-    onChange?.(e);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: `${prefixCls}-wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    style: style,
-    onClick: e => handleClick(e),
-    className: clsx([prefixCls, className, {
-      noStyle: noStyle,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-checked`]: internalChecked
-    }])
-  }, /*#__PURE__*/React.createElement("input", {
-    id: id,
-    type: type,
-    name: name,
-    disabled: disabled,
-    tabIndex: tabIndex,
-    required: required,
-    autoFocus: autoFocus,
-    onKeyDown: onKeyDown,
-    onKeyPress: onKeyPress,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-box`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-check`,
-    style: {
-      opacity: Number(internalChecked)
-    }
-  }))), children && /*#__PURE__*/React.createElement("span", {
-    className: `${prefixCls}-label`
-  }, children));
-});
-Checkbox.displayName = "Checkbox";
-
-exports.Button = Button;
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../lib/helpers/index.ts","../lib/utils/index.ts","../lib/components/Button/Button.tsx","../lib/components/Checkbox/Checkbox.tsx"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import { RuleType } from '../types';\n\nexport const parseValue = (value: RuleType): RuleType => {\n  if (value === 'true') {\n    return true;\n  }\n\n  if (value === 'false') {\n    return false;\n  }\n\n  if (!isNaN(Number(value))) {\n    return Number(value);\n  }\n\n  return value;\n};\n\nexport function createArray(length: number): number[] {\n  return Array.from({ length }, (_, index) => index);\n}\n\nexport function clsx(...args: RuleType[]): string {\n  return args\n    .flatMap(arg => {\n      if (!arg) {\n        return [];\n      }\n\n      if (typeof arg === 'string') {\n        return [arg];\n      }\n\n      if (typeof arg === 'number') {\n        return [String(arg)];\n      }\n\n      if (Array.isArray(arg)) {\n        return clsx(...arg).split(' ');\n      }\n\n      if (typeof arg === 'object') {\n        return Object.entries(arg)\n          .filter(([, value]) => Boolean(value))\n          .map(([key]) => key);\n      }\n\n      return [];\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n","export const prefixClsForm = 'xUi-form';\nexport const prefixClsFormItem = 'xUi-form-item';\nexport const prefixClsEmpty = 'xUi-empty';\nexport const prefixClsInput = 'xUi-input';\nexport const prefixClsSelect = 'xUi-select';\nexport const prefixClsCheckbox = 'xUi-checkbox';\nexport const prefixClsRadio = 'xUi-radio';\nexport const prefixClsTextArea = 'xUi-textarea';\nexport const prefixClsUpload = 'xUi-upload';\nexport const prefixClsDatePicker = 'xUi-datepicker';\nexport const prefixClsRangePicker = 'xUi-rangepicker';\nexport const prefixClsTimePicker = 'xUi-timepicker';\nexport const prefixClsButton = 'xUi-button';\nexport const prefixClsSkeleton = 'xUi-skeleton';\n","import React, { ReactElement, ReactNode } from 'react';\nimport { clsx } from '../../helpers';\nimport { ButtonProps } from '../../types/button';\nimport { prefixClsButton } from '../../utils';\nimport './style.css';\n\nconst Button = ({\n  type = 'default',\n  variant = 'solid',\n  color = 'default',\n  shape = 'default',\n  size = 'middle',\n  htmlType = 'button',\n  className,\n  rootClassName,\n  classNames: customClassNames = {},\n  styles = {},\n  prefixCls = prefixClsButton,\n  iconPosition = 'start',\n  disabled = false,\n  ghost = false,\n  danger = false,\n  block = false,\n  children,\n  href,\n  iconNode,\n  isLoading = false,\n  ...restProps\n}: ButtonProps & {\n  iconNode?: ReactNode;\n  isLoading?: boolean;\n}): ReactElement => {\n  const classes = clsx(\n    prefixCls,\n    rootClassName,\n    `${prefixCls}-${type}`,\n    `${prefixCls}-${variant}`,\n    `${prefixCls}-${color}`,\n    `${prefixCls}-${shape}`,\n    `${prefixCls}-size-${size}`,\n    {\n      [`${prefixCls}-block`]: block,\n      [`${prefixCls}-ghost`]: ghost,\n      [`${prefixCls}-danger`]: danger,\n      [`${prefixCls}-loading`]: isLoading,\n      [`${prefixCls}-disabled`]: disabled\n    },\n    className\n  );\n\n  const mergedDisabled = disabled || isLoading;\n\n  const content = (\n    <>\n      {iconNode && iconPosition === 'start' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n      <span className={`${prefixCls}-content`}>{children}</span>\n      {iconNode && iconPosition === 'end' && (\n        <span\n          className={clsx(`${prefixCls}-icon`, customClassNames.icon)}\n          style={styles.icon}\n        >\n          {iconNode}\n        </span>\n      )}\n    </>\n  );\n\n  if (href) {\n    return (\n      <a\n        className={classes}\n        href={mergedDisabled ? undefined : href}\n        aria-disabled={mergedDisabled}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={htmlType}\n      className={classes}\n      disabled={mergedDisabled}\n      {...restProps}\n    >\n      {content}\n    </button>\n  );\n};\n\nexport default Button;\n","import { prefixClsCheckbox } from '@/utils';\nimport { CheckboxProps } from '../../types/checkbox';\nimport React, { Dispatch, ForwardedRef, forwardRef, MouseEvent, ReactElement, SetStateAction } from 'react';\nimport { clsx } from '../../helpers';\nimport { SyntheticBaseEvent } from '../../types';\n\nimport './style.css';\n\nconst Checkbox = forwardRef<HTMLDivElement, CheckboxProps & {\n  internalChecked: boolean,\n  setInternalChecked?: Dispatch<SetStateAction<boolean>>\n}>(\n  (\n    {\n      prefixCls = prefixClsCheckbox,\n      className = '',\n      style,\n      disabled = false,\n      onClick,\n      onChange,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyPress,\n      onKeyDown,\n      tabIndex,\n      name,\n      children,\n      id,\n      autoFocus,\n      type = 'checkbox',\n      internalChecked,\n      required = false,\n      noStyle,\n      setInternalChecked\n    },\n    ref: ForwardedRef<HTMLDivElement>\n  ): ReactElement => {\n    const handleClick = (\n          e: MouseEvent<HTMLInputElement> & SyntheticBaseEvent\n        ) => {\n          e.stopPropagation();\n    \n          if (disabled) {\n            return;\n          }\n    \n          setInternalChecked?.(!internalChecked);\n          e.target.value = !internalChecked;\n    \n          onClick?.(e);\n          onChange?.(e);\n        };\n\n  return (\n    <div className={`${prefixCls}-wrapper`}>\n        <div\n          ref={ref}\n          style={style}\n          onClick={(e) => handleClick(e as MouseEvent<HTMLInputElement> & SyntheticBaseEvent)}\n          className={clsx([\n            prefixCls,\n            className,\n            {\n              noStyle: noStyle,\n              [`${prefixCls}-disabled`]: disabled,\n              [`${prefixCls}-checked`]: internalChecked\n            }\n          ])}\n        >\n          <input\n            id={id}\n            type={type}\n            name={name}\n            disabled={disabled}\n            tabIndex={tabIndex}\n            required={required}\n            autoFocus={autoFocus}\n            onKeyDown={onKeyDown}\n            onKeyPress={onKeyPress}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          />\n\n          <span className={`${prefixCls}-box`}>\n            <span\n              className={`${prefixCls}-check`}\n              style={{ opacity: Number(internalChecked) }}\n            />\n          </span>\n        </div>\n\n        {children && <span className={`${prefixCls}-label`}>{children}</span>}\n      </div>\n  )\n})\n\nCheckbox.displayName = \"Checkbox\";\n\nexport default Checkbox;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","clsx","args","flatMap","arg","String","Array","isArray","split","Object","entries","filter","value","Boolean","map","key","join","prefixClsCheckbox","prefixClsButton","Button","variant","color","shape","size","htmlType","className","rootClassName","classNames","customClassNames","styles","prefixCls","iconPosition","disabled","ghost","danger","block","children","href","iconNode","isLoading","restProps","classes","mergedDisabled","content","React","Fragment","icon","undefined","_extends","Checkbox","forwardRef","onClick","onChange","onMouseEnter","onMouseLeave","onKeyPress","onKeyDown","tabIndex","name","id","autoFocus","internalChecked","required","noStyle","setInternalChecked","handleClick","e","stopPropagation","target","opacity","Number","displayName"],"mappings":"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","x_google_ignoreList":[0]}