@tendaui/react 1.1.1

package/es/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../components/hooks/useCommonClassName.ts","../../../components/switch/defaultProps.ts","../../../components/switch/Switch.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport useConfig from \"./useConfig\";\n\nexport default function useCommonClassName() {\n  const { classPrefix } = useConfig();\n\n  return useMemo(() => {\n    const names = {\n      SIZE: {\n        default: \"\",\n        xs: `${classPrefix}-size-xs`,\n        small: `${classPrefix}-size-s`,\n        medium: `${classPrefix}-size-m`,\n        large: `${classPrefix}-size-l`,\n        xl: `${classPrefix}-size-xl`,\n        block: `${classPrefix}-size-full-width`\n      },\n      STATUS: {\n        loading: `${classPrefix}-is-loading`,\n        disabled: `${classPrefix}-is-disabled`,\n        focused: `${classPrefix}-is-focused`,\n        success: `${classPrefix}-is-success`,\n        error: `${classPrefix}-is-error`,\n        warning: `${classPrefix}-is-warning`,\n        selected: `${classPrefix}-is-selected`,\n        active: `${classPrefix}-is-active`,\n        checked: `${classPrefix}-is-checked`,\n        current: `${classPrefix}-is-current`,\n        hidden: `${classPrefix}-is-hidden`,\n        visible: `${classPrefix}-is-visible`,\n        expanded: `${classPrefix}-is-expanded`,\n        indeterminate: `${classPrefix}-is-indeterminate`\n      }\n    };\n    return {\n      SIZE: names.SIZE,\n      STATUS: names.STATUS,\n      sizeClassNames: names.SIZE,\n      statusClassNames: names.STATUS,\n      classPrefix\n    };\n  }, [classPrefix]);\n}\n\nexport type CommonClassNameType = ReturnType<typeof useCommonClassName>;\n","import { TdSwitchProps } from \"./type\";\n\nexport const switchDefaultProps: TdSwitchProps = { label: [], loading: false, size: \"medium\" };\n","import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport Loading from \"../loading\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport useCommonClassName from \"../hooks/useCommonClassName\";\nimport { SwitchValue, TdSwitchProps } from \"./type\";\nimport { switchDefaultProps } from \"./defaultProps\";\nimport parseTNode from \"../utils/parentTNode\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\n\nexport type SwitchChangeEventHandler = (value: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;\nexport type SwitchClickEventHandler = SwitchChangeEventHandler;\n\nexport interface SwitchProps<T extends SwitchValue = SwitchValue> extends TdSwitchProps<T>, StyledProps {}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>((originalProps, ref) => {\n  const { classPrefix } = useConfig();\n  const props = useDefaultProps<SwitchProps<SwitchValue>>(originalProps, switchDefaultProps);\n  const {\n    className,\n    value,\n    defaultValue,\n    disabled,\n    loading,\n    size,\n    label,\n    customValue,\n    onChange,\n    beforeChange,\n    ...restProps\n  } = props;\n  const [activeValue = true, inactiveValue = false] = customValue || [];\n\n  const isControlled = typeof value !== \"undefined\";\n  const initChecked = defaultValue === activeValue || value === activeValue;\n  const [innerChecked, setInnerChecked] = useState(initChecked);\n\n  const contentNode = React.useMemo<React.ReactNode>(() => {\n    if (Array.isArray(label)) {\n      const [activeContent = \"\", inactiveContent = \"\"] = label;\n      const content = innerChecked ? activeContent : inactiveContent;\n      return parseTNode(content, { value });\n    }\n    return parseTNode(label, { value });\n  }, [label, innerChecked, value]);\n\n  const handleChange = (e: React.MouseEvent) => {\n    if (!isControlled) {\n      setInnerChecked(!innerChecked);\n    }\n    const changedValue = !innerChecked ? activeValue : inactiveValue;\n    onChange?.(changedValue, { e });\n  };\n\n  const onInternalClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!beforeChange) {\n      handleChange(e);\n      return;\n    }\n    Promise.resolve(beforeChange())\n      .then((v) => {\n        if (v) {\n          handleChange(e);\n        }\n      })\n      .catch((e) => {\n        console.error(\"Switch\", `some error occurred: ${e}`);\n      });\n  };\n\n  useEffect(() => {\n    if (Array.isArray(customValue) && !customValue.includes(value)) {\n      console.error(\"Switch\", `value is not in customValue: ${JSON.stringify(customValue)}`);\n    }\n    if (isControlled) {\n      // Use setTimeout to avoid calling setState synchronously within an effect\n      setTimeout(() => {\n        setInnerChecked(value === activeValue);\n      }, 0);\n    }\n  }, [value, customValue, activeValue, isControlled]);\n\n  const { SIZE, STATUS } = useCommonClassName();\n  const switchClassName = classNames(\n    `${classPrefix}-switch`,\n    className,\n    {\n      [STATUS.checked]: innerChecked,\n      [STATUS.disabled]: disabled,\n      [STATUS.loading]: loading\n    },\n    SIZE[size]\n  );\n\n  return (\n    <button\n      {...restProps}\n      type=\"button\"\n      role=\"switch\"\n      disabled={disabled || loading}\n      className={switchClassName}\n      ref={ref}\n      onClick={onInternalClick}\n    >\n      <span className={`${classPrefix}-switch__handle`}>{loading && <Loading loading size=\"small\" />}</span>\n      <div className={`${classPrefix}-switch__content`}>{contentNode}</div>\n    </button>\n  );\n});\n\nSwitch.displayName = \"Switch\";\n\nexport default Switch as <T extends SwitchValue = SwitchValue>(\n  props: SwitchProps<T> & React.RefAttributes<HTMLButtonElement>\n) => React.ReactElement;\n"],"names":["useCommonClassName","_useConfig","useConfig","classPrefix","useMemo","names","SIZE","xs","concat","small","medium","large","xl","block","STATUS","loading","disabled","focused","success","error","warning","selected","active","checked","current","hidden","visible","expanded","indeterminate","sizeClassNames","statusClassNames","switchDefaultProps","label","size","Switch","React","forwardRef","originalProps","ref","props","useDefaultProps","className","value","defaultValue","customValue","onChange","beforeChange","restProps","_objectWithoutProperties","_excluded","_ref","_ref2","_slicedToArray","_ref2$","activeValue","_ref2$2","inactiveValue","isControlled","initChecked","_useState","useState","_useState2","innerChecked","setInnerChecked","contentNode","Array","isArray","_label","_label$","activeContent","_label$2","inactiveContent","content","parseTNode","handleChange","e","changedValue","onInternalClick","Promise","resolve","then","v","console","useEffect","includes","JSON","stringify","setTimeout","_useCommonClassName","switchClassName","classNames","_defineProperty","createElement","_objectSpread","type","role","onClick","Loading","displayName"],"mappings":"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"}

package/es/switch/index.js

@@ -0,0 +1,28 @@
+import Switch$1 from './Switch.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import 'react';
+import 'classnames';
+import '../loading/index.js';
+import '../loading/Loading.js';
+import '../_chunks/dep-0QH2Ee4R.js';
+import 'lodash-es';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../loading/Gradient.js';
+import '../_chunks/dep-DHWwZ2Nj.js';
+import '../_chunks/dep-PPA-yoAy.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-BH5n5r1M.js';
+import '../loading/style/css.js';
+import '../_chunks/dep-D8jki30S.js';
+
+var Switch = Switch$1;
+
+export { Switch, Switch as default };
+//# sourceMappingURL=index.js.map

package/es/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/switch/index.ts"],"sourcesContent":["import _Switch from \"./Switch\";\nimport \"./style/index\";\nexport * from \"./type\";\n\nexport const Switch = _Switch;\n\nexport default Switch;\n"],"names":["Switch","_Switch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAMA,MAAA,GAASC;;;;"}

package/es/switch/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/switch/style/index.css

@@ -0,0 +1,239 @@
+.t-switch {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  outline: none;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  height: var(--td-comp-size-xxs);
+  line-height: var(--td-comp-size-xxs);
+  border-radius: var(--td-radius-round);
+  min-width: calc(var(--td-comp-size-xxs) / 0.618);
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  background-color: var(--td-bg-color-secondarycomponent);
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.t-switch:hover {
+  background-color: var(--td-bg-color-secondarycomponent-hover);
+}
+.t-switch__handle {
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  top: 4px;
+  left: 4px;
+  width: calc(var(--td-comp-size-xxs) - 8px);
+  height: calc(var(--td-comp-size-xxs) - 8px);
+  border-radius: var(--td-radius-round);
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-box-shadow: var(--td-shadow-1);
+          box-shadow: var(--td-shadow-1);
+}
+.t-switch__handle .t-icon {
+  font-size: calc(var(--td-comp-size-xxs) - 4px);
+  color: transparent;
+}
+.t-switch__handle::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--td-radius-round);
+  background-color: #fff;
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: 0;
+  right: -6px;
+}
+.t-switch:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: 0;
+  left: -6px;
+}
+.t-switch:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__content {
+  opacity: 0;
+}
+.t-switch__content {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: var(--td-text-color-anti);
+  padding: 0 var(--td-comp-margin-xs) 0 calc(var(--td-comp-size-xxs) / 0.618 / 2 + 2px);
+  font-size: var(--td-font-size-body-small);
+  min-width: calc(var(--td-comp-size-xxs) / 0.618);
+  -webkit-transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
+  transition: padding 0.2s cubic-bezier(0.38, 0, 0.24, 1), opacity 0.2s linear;
+}
+.t-switch__content .t-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-switch.t-is-checked {
+  background-color: var(--td-brand-color);
+}
+.t-switch.t-is-checked:hover {
+  background-color: var(--td-brand-color-hover);
+}
+.t-switch.t-is-checked .t-switch__handle {
+  left: calc(100% - 2.5px);
+  -webkit-transform: translate(-100%, 0);
+          transform: translate(-100%, 0);
+  width: calc(var(--td-comp-size-xxs) - 5px);
+  height: calc(var(--td-comp-size-xxs) - 5px);
+  top: 2.5px;
+}
+.t-switch.t-is-checked .t-switch__content {
+  padding: 0 calc(var(--td-comp-size-xxs) / 0.618 / 2 + 2px) 0 var(--td-comp-margin-xs);
+  color: var(--td-text-color-anti);
+}
+.t-switch.t-is-loading {
+  cursor: not-allowed;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-switch.t-is-loading .t-loading {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.t-switch.t-is-loading .t-switch__handle .t-icon {
+  color: var(--td-bg-color-component-disabled);
+}
+.t-switch.t-is-loading.t-is-checked {
+  background-color: var(--td-brand-color-focus);
+}
+.t-switch.t-is-loading.t-is-checked .t-switch__handle .t-icon {
+  color: var(--td-brand-color-focus);
+}
+.t-switch.t-is-disabled {
+  cursor: not-allowed;
+  background-color: var(--td-bg-color-component-disabled);
+}
+.t-switch.t-is-disabled .t-switch__handle {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.t-switch.t-is-disabled.t-is-checked {
+  background-color: var(--td-brand-color-disabled);
+}
+.t-switch.t-is-disabled.t-is-checked .t-switch__handle {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.t-switch.t-is-disabled.t-is-checked .t-switch__handle .t-icon {
+  color: var(--td-brand-color-disabled);
+}
+
+.t-switch.t-size-l {
+  min-width: calc(var(--td-comp-size-xs) / 0.618);
+  height: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
+  border-radius: var(--td-radius-round);
+}
+.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: 0;
+  right: -8px;
+}
+.t-switch.t-size-l:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: 0;
+  left: -8px;
+}
+.t-switch.t-size-l .t-switch__handle {
+  top: 5px;
+  left: 5px;
+  width: calc(var(--td-comp-size-xs) - 10px);
+  height: calc(var(--td-comp-size-xs) - 10px);
+}
+.t-switch.t-size-l .t-switch__handle .t-icon {
+  font-size: calc(var(--td-comp-size-xs) - 4px);
+}
+.t-switch.t-size-l .t-switch__content {
+  padding: 0 var(--td-comp-margin-s) 0 calc(var(--td-comp-size-xs) / 0.618 / 2 + 4px);
+  min-width: calc(var(--td-comp-size-xs) / 0.618);
+  font-size: var(--td-font-size-body-large);
+}
+.t-switch.t-size-l .t-switch__content .t-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-switch.t-size-l.t-is-checked .t-switch__handle {
+  left: calc(100% - 3px);
+  top: 3px;
+  width: calc(var(--td-comp-size-xs) - 6px);
+  height: calc(var(--td-comp-size-xs) - 6px);
+}
+.t-switch.t-size-l.t-is-checked .t-switch__content {
+  padding: 0 calc(var(--td-comp-size-xs) / 0.618 / 2 + 4px) 0 var(--td-comp-margin-s);
+}
+
+.t-switch.t-size-s {
+  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
+  height: var(--td-comp-size-xxxs);
+  line-height: var(--td-comp-size-xxxs);
+  border-radius: var(--td-radius-round);
+}
+.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading) .t-switch__handle::before {
+  left: 0;
+  right: -4px;
+}
+.t-switch.t-size-s:active:not(.t-is-disabled):not(.t-is-loading).t-is-checked .t-switch__handle::before {
+  right: 0;
+  left: -4px;
+}
+.t-switch.t-size-s .t-switch__handle {
+  top: 3px;
+  left: 3px;
+  width: calc(var(--td-comp-size-xxxs) - 6px);
+  height: calc(var(--td-comp-size-xxxs) - 6px);
+}
+.t-switch.t-size-s .t-switch__handle .t-icon {
+  font-size: calc(var(--td-comp-size-xxxs) - 4px);
+}
+.t-switch.t-size-s .t-switch__content {
+  padding: 0 var(--td-comp-margin-xxs) 0 calc(var(--td-comp-size-xxxs) / 0.618 / 2 + 2px);
+  min-width: calc(var(--td-comp-size-xxxs) / 0.618);
+  font-size: 9px;
+}
+.t-switch.t-size-s .t-switch__content .t-icon {
+  font-size: var(--td-font-size-body-large);
+}
+.t-switch.t-size-s.t-is-checked .t-switch__handle {
+  left: calc(100% - 2px);
+  top: 2px;
+  width: calc(var(--td-comp-size-xxxs) - 4px);
+  height: calc(var(--td-comp-size-xxxs) - 4px);
+}
+.t-switch.t-size-s.t-is-checked .t-switch__content {
+  padding: 0 calc(var(--td-comp-size-xxxs) / 0.618 / 2 + 2px) 0 var(--td-comp-margin-xxs);
+}

package/es/switch/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/switch/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}