@iziui/react 0.0.94-rc → 0.0.95-rc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.types/fields/Select/index.d.ts +2 -1
- package/dist/.types/fields/Select/index.d.ts.map +1 -1
- package/dist/chunks/Option-CO-o7wVb.js +2 -0
- package/dist/chunks/Option-CO-o7wVb.js.map +1 -0
- package/dist/chunks/Option-DhebqRz5.cjs +2 -0
- package/dist/chunks/Option-DhebqRz5.cjs.map +1 -0
- package/dist/components/Select/index.cjs +1 -1
- package/dist/components/Select/index.cjs.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/style.css +3 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/fields/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as _,jsx as p}from"react/jsx-runtime";import{Children as M,useMemo as O,cloneElement as $}from"react";import{p as e}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{I}from"./Icon-DTU52KQE.js";import{u as S,M as w}from"./useMenu-we523Eob.js";import{c as E}from"./createComponent-BmdhWozT.js";function q({error:l,color:o="grey",label:r,helperText:m,startIcon:c,children:d,disabled:a,onChange:i,...n}){const f=M.toArray(d),C=O(()=>f.find(t=>t.props.value===n.value)?.props.children||"",[n.value]),[h,b,N]=S(),y=s(`${e}-select-container`),v=s(`${e}-select-label`,l&&`${e}-select-label--error`),x=s(`${e}-select`,a&&`${e}-select--disabled`,l&&`${e}-select--error`,n.className),g=s(`${e}-select__helper-text`,m&&`${e}-select__helper-text--visible`,l&&`${e}-select__helper-text--error`),k=t=>$(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",style:{color:o},onClick:u=>{u.stopPropagation(),t.props.onClick&&!a&&t.props.onClick(u)}}),j=()=>f.map(t=>$(t,{color:o,className:s(t.props.className,t.props.value===n.value&&`${e}-select__option--selected`),onClick:u=>{!t.props.disabled&&i&&i(u)}}));return _("div",{className:y,children:[r&&_("label",{className:v,children:[r," ",n.required&&"*"]}),_("button",{type:"button",className:x,onClick:N,disabled:a,children:[p("div",{children:c&&k(c)}),p("input",{...n,readOnly:!0,type:"text",value:C,disabled:a}),p(I,{name:"angle-down",sx:{color:({grey:t})=>t.main},className:`${e}-select__icon--right`})]}),p(w,{autoClose:!0,direction:"center",open:h,anchorEl:b,onClose:N,children:j()}),p("span",{className:g,children:m})]})}const G=E(q);function H({children:l,color:o,startIcon:r,disabled:m,...c}){const d=s(`${e}-select__option`,m&&`${e}-select__option--disabled`,o&&`${e}-select__option--${o}`,c.className);return _("button",{type:"button",...c,className:d,children:[r&&(i=>$(i,{type:"button",className:s(i.props.className,`${e}-select__option__icon`)}))(r),l]})}export{H as O,G as S};
|
|
2
|
+
//# sourceMappingURL=Option-CO-o7wVb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Option-CO-o7wVb.js","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element | boolean;\n children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children || '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n value: any;\n children: string;\n color?: Colors;\n startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n const className = joinClass(\n `${prefix}-select__option`,\n disabled && `${prefix}-select__option--disabled`,\n color && `${prefix}-select__option--${color}`,\n props.className\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n type: 'button',\n className: joinClass(\n icon.props.className,\n `${prefix}-select__option__icon`,\n ),\n });\n };\n\n return (\n <button type=\"button\" {...props} className={className}>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n {children}\n </button>\n );\n};"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),u=require("react"),e=require("./index-DYxwT4uW.cjs"),n=require("./joinClass-Jk3EszKD.cjs"),k=require("./Icon-BN4Kp4Aq.cjs"),d=require("./useMenu-CvPJe62S.cjs"),E=require("./createComponent-Bls5N6x8.cjs");function M({error:o,color:c="grey",label:i,helperText:x,startIcon:a,children:m,disabled:l,onChange:p,...r}){const _=u.Children.toArray(m),j=u.useMemo(()=>_.find(s=>s.props.value===r.value)?.props.children||"",[r.value]),[$,N,C]=d.useMenu(),h=n.joinClass(`${e.prefix}-select-container`),b=n.joinClass(`${e.prefix}-select-label`,o&&`${e.prefix}-select-label--error`),y=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,o&&`${e.prefix}-select--error`,r.className),v=n.joinClass(`${e.prefix}-select__helper-text`,x&&`${e.prefix}-select__helper-text--visible`,o&&`${e.prefix}-select__helper-text--error`),q=s=>u.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",style:{color:c},onClick:f=>{f.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(f)}}),g=()=>_.map(s=>u.cloneElement(s,{color:c,className:n.joinClass(s.props.className,s.props.value===r.value&&`${e.prefix}-select__option--selected`),onClick:f=>{!s.props.disabled&&p&&p(f)}}));return t.jsxs("div",{className:h,children:[i&&t.jsxs("label",{className:b,children:[i," ",r.required&&"*"]}),t.jsxs("button",{type:"button",className:y,onClick:C,disabled:l,children:[t.jsx("div",{children:a&&q(a)}),t.jsx("input",{...r,readOnly:!0,type:"text",value:j,disabled:l}),t.jsx(k.Icon,{name:"angle-down",sx:{color:({grey:s})=>s.main},className:`${e.prefix}-select__icon--right`})]}),t.jsx(d.Menu,{autoClose:!0,direction:"center",open:$,anchorEl:N,onClose:C,children:g()}),t.jsx("span",{className:v,children:x})]})}const O=E.createComponent(M);function S({children:o,color:c,startIcon:i,disabled:x,...a}){const m=n.joinClass(`${e.prefix}-select__option`,x&&`${e.prefix}-select__option--disabled`,c&&`${e.prefix}-select__option--${c}`,a.className),l=p=>u.cloneElement(p,{type:"button",className:n.joinClass(p.props.className,`${e.prefix}-select__option__icon`)});return t.jsxs("button",{type:"button",...a,className:m,children:[i&&l(i),o]})}exports.Option=S;exports.Select_default=O;
|
|
2
|
+
//# sourceMappingURL=Option-DhebqRz5.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Option-DhebqRz5.cjs","sources":["../../src/fields/Select/Select.tsx","../../src/fields/Select/Option.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element | boolean;\n children: React.JSX.Element | React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children || '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n","import { ButtonHTMLAttributes, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\nimport type { Colors } from '@iziui/core/theme';\n\nexport interface OptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n value: any;\n children: string;\n color?: Colors;\n startIcon?: React.JSX.Element | boolean;\n}\nexport default function Option({ children, color, startIcon, disabled, ...props }: OptionProps) {\n const className = joinClass(\n `${prefix}-select__option`,\n disabled && `${prefix}-select__option--disabled`,\n color && `${prefix}-select__option--${color}`,\n props.className\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n type: 'button',\n className: joinClass(\n icon.props.className,\n `${prefix}-select__option__icon`,\n ),\n });\n };\n\n return (\n <button type=\"button\" {...props} className={className}>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n {children}\n </button>\n );\n};"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent","Option","className"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Option-DhebqRz5.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Icon-BN4Kp4Aq.cjs");require("../../chunks/createComponent-Bls5N6x8.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useMenu-CvPJe62S.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-Bqgukgip.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-DPL-tBOS.cjs");exports.Option=e.Option;exports.Select=e.Select_default;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{O as b,S as d}from"../../chunks/Option-CO-o7wVb.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Icon-DTU52KQE.js";import"../../chunks/createComponent-BmdhWozT.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useMenu-we523Eob.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-C2mSdoXV.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-CViecz1a.js";export{b as Option,d as Select};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunks/useTheme-DsrjDJKC.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunks/useTheme-DsrjDJKC.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-BNLOy0E6.cjs"),d=require("./chunks/Fade-DfxUFkY4.cjs"),n=require("./chunks/Option-DhebqRz5.cjs"),l=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/useTabs-Dcksp_re.cjs"),t=require("./chunks/TableHeader-D0wXM5mO.cjs"),q=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-BkSL16Os.cjs"),c=require("./chunks/useListenerResized-AwpsZLcP.cjs"),a=require("./chunks/useMenu-CvPJe62S.cjs"),T=require("./chunks/useResize-Dnf6Ktrn.cjs"),m=require("./chunks/Card-Bqgukgip.cjs"),b=require("./chunks/CardContent-DPL-tBOS.cjs"),s=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-Dpbow8YC.cjs"),F=require("./chunks/Typography-Ch-BLqCH.cjs");require("react");require("react/jsx-runtime");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/wait-CgS79FV1.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/Icon-BN4Kp4Aq.cjs");require("./chunks/createComponent-Bls5N6x8.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/Stack-CF3Wyma9.cjs");require("./chunks/ButtonIcon-Ccq88QaY.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.ThemeProvider=o.ThemeProvider;exports.createTheme=o.createTheme;exports.useTheme=o.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=d.Fade;exports.Option=n.Option;exports.Select=n.Select_default;exports.Slide=l.Slide;exports.TabButton=u.TabButton;exports.TabContent=u.TabContent;exports.Tabs=u.Tabs_default;exports.useTabs=u.useTabs;exports.Table=t.Table_default;exports.TableBody=t.TableBody;exports.TableCell=t.TableCell_default;exports.TableHeader=t.TableHeader;exports.Zoom=q.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=c.useListenerResized;exports.Menu=a.Menu;exports.useMenu=a.useMenu;exports.useResize=T.useResize;exports.Card=m.Card;exports.CardContent=b.CardContent;exports.Grid=s.Grid;exports.GridItem=s.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=F.variants;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as
|
|
1
|
+
import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as c}from"./chunks/Bounce-DP0PU3kr.js";import{C as w,F as B,u as M,a as G,b as S}from"./chunks/useForm-iwGfb88g.js";import{F as v}from"./chunks/Fade-CWDTkVB8.js";import{O as H,S as O}from"./chunks/Option-CO-o7wVb.js";import{S as Z}from"./chunks/Slide-BxEwoZ70.js";import{T as I,a as L,b as P,u as g}from"./chunks/useTabs-DG53jo4T.js";import{T as k,a as q,b as A,c as E}from"./chunks/TableHeader-CrbbJXyv.js";import{Z as K}from"./chunks/Zoom-DqgU4Wfv.js";import{D as Q,a as U,b as V,c as W,u as X}from"./chunks/DrawerContent-D8NDBDBf.js";import{u as _}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as rr,u as or}from"./chunks/useMenu-we523Eob.js";import{u as ar}from"./chunks/useResize-BUftB918.js";import{C as tr}from"./chunks/Card-C2mSdoXV.js";import{C as pr}from"./chunks/CardContent-CViecz1a.js";import{G as ir,a as fr}from"./chunks/GridItem-CaoPZmBu.js";import{M as nr}from"./chunks/MenuButton-31ZFG3JW.js";import{v as br}from"./chunks/Typography-B_WR62ip.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/Icon-DTU52KQE.js";import"./chunks/createComponent-BmdhWozT.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/Stack-CHR_pZC4.js";import"./chunks/ButtonIcon-DMetcfYt.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{c as Bounce,tr as Card,pr as CardContent,w as Control,Q as Drawer,U as DrawerContent,V as DrawerFooter,W as DrawerHeader,v as Fade,B as Form,ir as Grid,fr as GridItem,rr as Menu,nr as MenuButton,H as Option,O as Select,Z as Slide,I as TabButton,L as TabContent,k as Table,q as TableBody,A as TableCell,E as TableHeader,P as Tabs,d as ThemeProvider,K as Zoom,C as createTheme,M as useControl,X as useDrawer,G as useForm,S as useFormGroup,_ as useListenerResized,or as useMenu,ar as useResize,g as useTabs,l as useTheme,br as variants};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/style.css
CHANGED
|
@@ -20,9 +20,6 @@
|
|
|
20
20
|
/* assets/index-BBM31GWI.css */
|
|
21
21
|
.iziui-switch{position:relative}.iziui-switch__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-switch__label--error{color:var(--error)}.iziui-switch__checkbox{height:0;width:0;visibility:hidden;position:absolute}.iziui-switch__checkbox:active+.iziui-switch__box .iziui-switch__button{width:36px}.iziui-switch__checkbox:checked+.iziui-switch__box .iziui-switch__button{left:100%;transform:translate(calc(-100% + 2px),-50%)}.iziui-switch__checkbox--primary:checked+.iziui-switch__box{background-color:var(--primary)}.iziui-switch__checkbox--secondary:checked+.iziui-switch__box{background-color:var(--secondary)}.iziui-switch__checkbox--info:checked+.iziui-switch__box{background-color:var(--info)}.iziui-switch__checkbox--error:checked+.iziui-switch__box{background-color:var(--error)}.iziui-switch__checkbox--warning:checked+.iziui-switch__box{background-color:var(--warning)}.iziui-switch__checkbox--success:checked+.iziui-switch__box{background-color:var(--success)}.iziui-switch__checkbox--grey:checked+.iziui-switch__box{background-color:var(--grey)}.iziui-switch__box{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;width:58px;height:24px;background:var(--divider);border-radius:100px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.iziui-switch__button{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-2px;width:28px;height:28px;border-radius:45px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-switch__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-switch__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-switch__helper-text--error{color:var(--error)}
|
|
22
22
|
/*$vite$:1*/
|
|
23
|
-
/* assets/index-BXQlB1HL.css */
|
|
24
|
-
.iziui-select{padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
|
|
25
|
-
/*$vite$:1*/
|
|
26
23
|
/* assets/index-ZcCW3wVX.css */
|
|
27
24
|
.iziui-input-file{position:relative;width:100%;height:180px;border:3px dashed var(--divider);border-radius:var(--radius);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.iziui-input-file--dragging{background-color:var(--primary-opacity);border:3px dashed var(--primary)}.iziui-input-file--success{border:3px dashed var(--success)}.iziui-input-file--error{border:3px dashed var(--error)}.iziui-input-file input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute}
|
|
28
25
|
/*$vite$:1*/
|
|
@@ -61,6 +58,9 @@
|
|
|
61
58
|
/* assets/index-Bs0qH-ot.css */
|
|
62
59
|
.iziui-avatar{display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid var(--divider);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-avatar--rounded{border-radius:var(--radius)}.iziui-avatar--circular{border-radius:50%}.iziui-avatar--clickable{cursor:pointer}.iziui-avatar--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-avatar--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-avatar--info{color:var(--info-contrast);background-color:var(--info)}.iziui-avatar--error{color:var(--error-contrast);background-color:var(--error)}.iziui-avatar--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-avatar--success{color:var(--success-contrast);background-color:var(--success)}.iziui-avatar--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-avatar__icon{color:currentColor!important}
|
|
63
60
|
/*$vite$:1*/
|
|
61
|
+
/* assets/Option-BXQlB1HL.css */
|
|
62
|
+
.iziui-select{padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
|
|
63
|
+
/*$vite$:1*/
|
|
64
64
|
/* assets/index-C3yxI1Ai.css */
|
|
65
65
|
.iziui-color-picker{padding:0;min-width:160px;width:100%;cursor:pointer;overflow:hidden;position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker:focus-within{outline:2px solid var(--primary)}.iziui-color-picker--error{border-color:var(--error)}.iziui-color-picker-container{width:fit-content}.iziui-color-picker__preview{width:72px;height:48px;background-color:var(--background-default);border:none;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--divider)}.iziui-color-picker__preview div{width:20px;height:20px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-color-picker__label--error{color:var(--error)}.iziui-color-picker__value{width:100%;height:100%;padding-left:16px;color:var(--text-secondary);text-transform:uppercase;display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker__value--error{color:var(--error)}.iziui-color-picker__helper-text{opacity:0;margin-top:5px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px}.iziui-color-picker__helper-text--visible{opacity:1}.iziui-color-picker__helper-text--error{color:var(--error)}.iziui-color-picker__color{width:30px;height:30px;position:relative;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}.iziui-color-picker__color:hover{box-shadow:0 0 0 2px var(--primary)}.iziui-color-picker__color__icon{transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__color__icon--visible{transform:scale(1)}.iziui-color-picker__color input{position:absolute;visibility:hidden}.iziui-color-picker input{height:48px;width:100%;border:none;outline:none;font:inherit;padding-left:16px}
|
|
66
66
|
/*$vite$:1*/
|