tiny-ui 0.0.95 → 1.0.0

package/lib/style/themes/_light.scss

@@ -0,0 +1,380 @@
+// Light theme token values
+$light-theme: (
+  // ---- Background ----
+  color-bg: #fff,
+  color-bg-elevated: #fff,
+  color-bg-container: #fff,
+  color-bg-spotlight: #f5f5f5,
+  color-bg-disabled: #f5f5f5,
+  color-bg-layout: #fff,
+
+  // ---- Text ----
+  color-text: rgba(0, 0, 0, 0.85),
+  color-text-secondary: rgba(0, 0, 0, 0.65),
+  color-text-tertiary: rgba(0, 0, 0, 0.45),
+  color-text-quaternary: rgba(0, 0, 0, 0.25),
+  color-text-heading: rgba(0, 0, 0, 0.85),
+  color-text-label: rgba(0, 0, 0, 0.85),
+  color-text-placeholder: #bfbfbf,
+
+  // ---- Primary ----
+  color-primary: #6e41bf,
+  color-primary-hover: #8b62d0,
+  color-primary-active: #5a30a8,
+  color-primary-bg: #f3eefa,
+  color-primary-border: #c4a7e6,
+  color-primary-bg-hover: #ece3f7,
+  color-primary-text-hover: #8b62d0,
+
+  // ---- Border ----
+  color-border: #d9d9d9,
+  color-border-secondary: #e8e8e8,
+  color-border-light: #f0f0f0,
+  color-border-btn-default: #d0d0d5,
+
+  // ---- Fill ----
+  color-fill: #fafafa,
+  color-fill-secondary: #f5f5f5,
+  color-fill-tertiary: #f0f0f0,
+
+  // ---- Success ----
+  color-success: #52c41a,
+  color-success-bg: #f6ffed,
+  color-success-border: #b7eb8f,
+  color-success-text: #49b10e,
+
+  // ---- Warning ----
+  color-warning: #ff9800,
+  color-warning-bg: #fffbe6,
+  color-warning-border: #ffe58f,
+  color-warning-text: #d48806,
+
+  // ---- Danger / Error ----
+  color-danger: #f44336,
+  color-danger-bg: #fff1f0,
+  color-danger-border: #ffa39e,
+  color-danger-text: #cf1322,
+  color-danger-hover: #ff7875,
+
+  // ---- Info ----
+  color-info: #1890ff,
+  color-info-bg: #e6f7ff,
+  color-info-border: #91d5ff,
+  color-info-text: #096dd9,
+
+  // ---- Shadows ----
+  shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075),
+  shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15),
+  shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175),
+  shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.12) #{','} 0 6px 16px 0 rgba(0, 0, 0, 0.08) #{','} 0 9px 28px 8px rgba(0, 0, 0, 0.05),
+  shadow-card: 0 1px 6px rgba(0, 0, 0, 0.12),
+  shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.15),
+  shadow-btn: inset 0 1px 0 rgba(255, 255, 255, 0.15) #{','} 0 1px 1px rgba(0, 0, 0, 0.075),
+
+  // ---- Overlay ----
+  color-overlay-bg: rgba(0, 0, 0, 0.55),
+  color-overlay-inverted: rgba(255, 255, 255, 0.75),
+
+  // ---- Component-specific: Button ----
+  btn-default-color: #32325d,
+  btn-default-bg: #fff,
+  btn-default-border: #d0d0d5,
+  btn-default-hover-bg: #fff,
+  btn-default-hover-border: #6e41bf,
+  btn-default-hover-color: #6e41bf,
+  btn-default-active-bg: #f2f2f2,
+  btn-default-active-border: #6e41bf,
+  btn-default-active-color: #6e41bf,
+  btn-disabled-color: rgba(0, 0, 0, 0.25),
+  btn-disabled-bg: #f5f5f5,
+  btn-disabled-border: #d9d9d9,
+  btn-loading-bg: #fff,
+  btn-ghost-hover-bg: #f3eefa,
+  btn-ghost-active-bg: #ece3f7,
+  btn-outline-hover-bg: #f3eefa,
+  btn-outline-active-bg: #ece3f7,
+  btn-link-disabled-color: rgba(0, 0, 0, 0.25),
+
+  // ---- Component-specific: Input ----
+  input-bg: #fff,
+  input-border: #d9d9d9,
+  input-disabled-bg: #f4f4f5,
+  input-disabled-color: #999,
+  input-addon-bg: #fafafa,
+  input-focus-shadow: 0 0 0 2px rgba(110, 65, 191, 0.2),
+  input-focus-border: rgba(110, 65, 191, 0.8),
+
+  // ---- Component-specific: Select ----
+  select-dropdown-bg: #fff,
+  select-option-active-bg: #f5f5f5,
+  select-option-selected-bg: #f3eefa,
+  select-option-disabled-bg: #fff,
+
+  // ---- Component-specific: Card ----
+  card-bg: #fff,
+  card-border: #e8e8e8,
+  card-header-color: rgba(0, 0, 0, 0.85),
+  card-shadow-border: rgba(0, 0, 0, 0.07),
+
+  // ---- Component-specific: Modal ----
+  modal-bg: #fff,
+  modal-header-bg: #fff,
+  modal-header-border: #e8e8e8,
+  modal-footer-border: #e8e8e8,
+
+  // ---- Component-specific: Drawer ----
+  drawer-bg: #fff,
+  drawer-border: #e8e8e8,
+
+  // ---- Component-specific: Menu ----
+  menu-light-bg: #fff,
+  menu-light-color: #32325d,
+  menu-light-border: #f0f0f0,
+  menu-dark-bg: #001529,
+  menu-dark-color: rgba(255, 255, 255, 0.65),
+  menu-dark-border: #001529,
+  menu-divider-color: rgba(0, 0, 0, 0.1),
+  menu-group-title-color: rgba(0, 0, 0, 0.45),
+
+  // ---- Component-specific: Notification / Message ----
+  notification-bg: #fff,
+  notification-close-color: rgba(0, 0, 0, 0.2),
+  notification-close-hover: rgba(0, 0, 0, 0.7),
+  message-bg: #fff,
+
+  // ---- Component-specific: Badge ----
+  badge-shadow: 0 0 0 1.5px #fff,
+
+  // ---- Component-specific: Tag ----
+  tag-bg: #fafafa,
+  tag-border: #d9d9d9,
+  tag-checkable-bg: #fff,
+  tag-magenta-color: #eb2f96,
+  tag-magenta-bg: #fff0f6,
+  tag-magenta-border: #ffadd2,
+  tag-red-color: #f5222d,
+  tag-red-bg: #fff1f0,
+  tag-red-border: #ffa39e,
+  tag-volcano-color: #fa541c,
+  tag-volcano-bg: #fff2e8,
+  tag-volcano-border: #ffbb96,
+  tag-orange-color: #fa8c16,
+  tag-orange-bg: #fff7e6,
+  tag-orange-border: #ffd591,
+  tag-gold-color: #faad14,
+  tag-gold-bg: #fffbe6,
+  tag-gold-border: #ffe58f,
+  tag-lime-color: #a0d911,
+  tag-lime-bg: #fcffe6,
+  tag-lime-border: #eaff8f,
+  tag-green-color: #52c41a,
+  tag-green-bg: #f6ffed,
+  tag-green-border: #b7eb8f,
+  tag-cyan-color: #13c2c2,
+  tag-cyan-bg: #e6fffb,
+  tag-cyan-border: #87e8de,
+  tag-blue-color: #1890ff,
+  tag-blue-bg: #e6f7ff,
+  tag-blue-border: #91d5ff,
+  tag-geekblue-color: #2f54eb,
+  tag-geekblue-bg: #f0f5ff,
+  tag-geekblue-border: #adc6ff,
+  tag-purple-color: #722ed1,
+  tag-purple-bg: #f9f0ff,
+  tag-purple-border: #d3adf7,
+
+  // ---- Component-specific: Tabs ----
+  tabs-border: #f0f0f0,
+  tabs-card-bg: #fafafa,
+  tabs-card-active-bg: #fff,
+
+  // ---- Component-specific: Collapse ----
+  collapse-bg: #fafafa,
+  collapse-border: #d9d9d9,
+  collapse-content-bg: #fff,
+  collapse-header-hover-bg: #efefef,
+  collapse-borderless-bg: #fff,
+
+  // ---- Component-specific: Descriptions ----
+  descriptions-label-bg: #fafafa,
+  descriptions-border: #dfe2e5,
+
+  // ---- Component-specific: Steps ----
+  steps-tail-color: #dcdcdc,
+  steps-icon-bg: #fff,
+
+  // ---- Component-specific: Timeline ----
+  timeline-line-color: #e8e8e8,
+  timeline-dot-bg: #fff,
+  timeline-head-bg: #fff,
+
+  // ---- Component-specific: Slider ----
+  slider-rail-bg: #e4e8f1,
+  slider-thumb-bg: rgb(245, 248, 250),
+  slider-thumb-border: #9570d4,
+  slider-dot-bg: #fff,
+  slider-dot-border: #f0f0f0,
+  slider-dot-active-border: #9570d4,
+  slider-mark-color: rgba(0, 0, 0, 0.4),
+  slider-mark-active-color: rgba(0, 0, 0, 0.7),
+
+  // ---- Component-specific: Progress ----
+  progress-trail-bg: #e4e8f1,
+  progress-text-color: #48576a,
+  progress-circle-trail: #e5e9f2,
+
+  // ---- Component-specific: Skeleton ----
+  skeleton-bg: #f2f2f2,
+  skeleton-shimmer: linear-gradient(to right, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%),
+
+  // ---- Component-specific: Keyboard ----
+  kbd-bg: #f6f6f6,
+  kbd-border: #d8d8d8,
+  kbd-border-bottom: #ccc,
+  kbd-color: #333,
+  kbd-shadow: inset 0 -1px 0 #ccc,
+
+  // ---- Component-specific: Transfer ----
+  transfer-border: #d9d9d9,
+  transfer-header-bg: #fff,
+  transfer-item-hover-bg: #f5f5f5,
+  transfer-footer-bg: #fff,
+  transfer-footer-border: #f0f0f0,
+
+  // ---- Component-specific: Upload ----
+  upload-dragger-bg: #fafafa,
+  upload-dragger-border: #d9d9d9,
+  upload-dragger-hover-bg: #efefef,
+  upload-item-hover-bg: #f5f5f5,
+
+  // ---- Component-specific: Date/Time picker ----
+  picker-input-bg: #fff,
+  picker-dropdown-bg: #fff,
+  picker-cell-hover-bg: #f5f5f5,
+  picker-cell-selected-hover-bg: #5a30a8,
+  picker-cell-disabled-bg: #f5f5f5,
+  picker-clear-bg: #fff,
+
+  // ---- Component-specific: Split ----
+  split-bar-bg: #f8f8f9,
+  split-bar-border: #dcdee2,
+  split-bar-line: #d5d5d5,
+
+  // ---- Component-specific: Popup ----
+  popup-light-bg: #fff,
+  popup-dark-bg: #262626,
+  popup-arrow-shadow: rgba(0, 0, 0, 0.07),
+
+  // ---- Component-specific: Layout ----
+  layout-sidebar-bg: #12131a,
+  layout-sidebar-trigger-bg: rgb(0, 33, 64),
+  layout-sidebar-light-bg: #fff,
+  layout-sidebar-light-color: #333,
+  layout-sidebar-light-trigger-bg: #efefef,
+  layout-sidebar-light-trigger-icon: #bbb,
+
+  // ---- Component-specific: Anchor ----
+  anchor-bg: #fff,
+  anchor-ink-bg: #f0f0f0,
+  anchor-ball-bg: #fff,
+
+  // ---- Component-specific: Form ----
+  form-notice-bg: #fff7cc,
+  form-notice-color: #555,
+  form-error-color: #ff4d4f,
+  form-error-hover: #ff7875,
+
+  // ---- Component-specific: Checkbox / Radio ----
+  checkbox-bg: #fff,
+  checkbox-border: #d9d9d9,
+  checkbox-disabled-bg: #f5f5f5,
+  checkbox-check-color: #fff,
+  radio-bg: #fff,
+  radio-disabled-border: #d9d9d9,
+  radio-disabled-dot: rgba(0, 0, 0, 0.2),
+
+  // ---- Component-specific: Switch ----
+  switch-bg: rgba(0, 0, 0, 0.25),
+  switch-thumb-bg: #fff,
+  switch-thumb-border: rgba(0, 0, 0, 0.25),
+  switch-thumb-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2),
+
+  // ---- Component-specific: Divider ----
+  divider-color: #e4e4e4,
+  divider-text-color: #333,
+
+  // ---- Component-specific: Popover ----
+  popover-dark-border: #4a4a4a,
+
+  // ---- Component-specific: Native select ----
+  native-select-bg: #fff,
+  native-select-disabled-bg: #ddd,
+  native-select-disabled-color: #a5a5a5,
+
+  // ---- Component-specific: Pagination ----
+  pagination-bg: #fff,
+  pagination-disabled-bg: #f5f5f5,
+  pagination-disabled-active-bg: #dbdbdb,
+  pagination-disabled-color: #d9d9d9,
+
+  // ---- Component-specific: Typography ----
+  typography-heading-color: rgba(0, 0, 0, 0.85),
+  typography-body-color: rgba(0, 0, 0, 0.65),
+  typography-code-bg: rgba(0, 0, 0, 0.06),
+  typography-code-border: rgba(0, 0, 0, 0.06),
+  typography-mark-bg: #ffe58f,
+
+  // ---- Component-specific: Result ----
+  result-content-bg: #fafafa,
+
+  // ---- Component-specific: Empty ----
+  empty-desc-color: rgba(0, 0, 0, 0.35),
+
+  // ---- Component-specific: Carousel ----
+  carousel-arrow-bg: rgba(0, 0, 0, 0.25),
+  carousel-arrow-hover-bg: rgba(0, 0, 0, 0.45),
+  carousel-dot-bg: rgba(255, 255, 255, 0.3),
+  carousel-dot-hover-bg: rgba(255, 255, 255, 0.6),
+  carousel-dot-active-bg: #fff,
+
+  // ---- Component-specific: Avatar ----
+  avatar-border: #fff,
+  avatar-presence-shadow: 0 0 0 0.1rem #fff,
+
+  // ---- Component-specific: BackTop ----
+  back-top-bg: rgba(0, 0, 0, 0.3),
+
+  // ---- Component-specific: Input Number ----
+  input-number-control-border: #d9d9d9,
+  input-number-control-active-bg: #f4f4f4,
+  input-number-icon-color: #999,
+
+  // ---- Component-specific: Tree ----
+  tree-arrow-color: #999,
+  tree-hover-bg: #f5f5f5,
+
+  // ---- Component-specific: Textarea ----
+  textarea-counter-color: #666,
+
+  // ---- Component-specific: Table ----
+  table-header-bg: #f6f9fc,
+  table-border: #e9ecef,
+  table-hover: #f6f9fc,
+  table-selected-bg: rgba(110, 65, 191, 0.06),
+
+  // ---- Component-specific: Segmented ----
+  segmented-bg: #e9ecef,
+  segmented-active-bg: #fff,
+
+  // ---- Component-specific: Cascader ----
+  cascader-bg: #fff,
+  cascader-border: #d9d9d9,
+  cascader-dropdown-bg: #fff,
+  cascader-hover: #f5f5f5,
+  cascader-selected-bg: rgba(110, 65, 191, 0.06),
+
+  // ---- Component-specific: Calendar ----
+  calendar-bg: #fff,
+  calendar-border: #e9ecef,
+  calendar-hover: #f6f9fc,
+);

package/lib/switch/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SwitchProps } from './types';
-declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchProps, "key" | "id" | "color" | "translate" | "loading" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "size" | "checked" | "htmlFor" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "prefixCls" | "checkedText" | "uncheckedText"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 export default Switch;

package/lib/switch/index.js

@@ -1,36 +1,40 @@
-import { __assign, __rest } from "tslib";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-var Switch = React.forwardRef(function (props, ref) {
-    var _a;
-    var _b = props.size, size = _b === void 0 ? 'md' : _b, _c = props.defaultChecked, defaultChecked = _c === void 0 ? true : _c, disabled = props.disabled, loading = props.loading, onChange = props.onChange, checkedText = props.checkedText, uncheckedText = props.uncheckedText, className = props.className, onClick = props.onClick, customisedCls = props.prefixCls, otherProps = __rest(props, ["size", "defaultChecked", "disabled", "loading", "onChange", "checkedText", "uncheckedText", "className", "onClick", "prefixCls"]);
-    var _d = useState('checked' in props ? props.checked : defaultChecked), checked = _d[0], setChecked = _d[1];
-    var configContext = useContext(ConfigContext);
-    var prefixCls = getPrefixCls('switch', configContext.prefixCls, customisedCls);
-    var switchSize = props.size || configContext.componentSize || size;
-    var cls = classNames(prefixCls, className, "".concat(prefixCls, "_").concat(switchSize), (_a = {},
-        _a["".concat(prefixCls, "_checked")] = checked,
-        _a["".concat(prefixCls, "_loading")] = loading,
-        _a["".concat(prefixCls, "_disabled")] = loading || disabled,
-        _a));
-    var labelOnClick = function (e) {
-        var val = !checked;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const config_context_1 = require("../config-provider/config-context");
+const general_1 = require("../_utils/general");
+const Switch = react_1.default.forwardRef((props, ref) => {
+    const { size = 'md', defaultChecked = true, disabled, loading, onChange, checkedText, uncheckedText, className, onClick, prefixCls: customisedCls, ...otherProps } = props;
+    const [checked, setChecked] = (0, react_1.useState)('checked' in props ? props.checked : defaultChecked);
+    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
+    const prefixCls = (0, general_1.getPrefixCls)('switch', configContext.prefixCls, customisedCls);
+    const switchSize = props.size || configContext.componentSize || size;
+    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${switchSize}`, {
+        [`${prefixCls}_checked`]: checked,
+        [`${prefixCls}_loading`]: loading,
+        [`${prefixCls}_disabled`]: loading || disabled,
+    });
+    const labelOnClick = (e) => {
+        const val = !checked;
         onClick && onClick(val, e);
         if (!(disabled || loading)) {
             onChange && onChange(val, e);
             !('checked' in props) && setChecked(val);
         }
     };
-    useEffect(function () {
+    (0, react_1.useEffect)(() => {
         'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);
     }, [props]);
-    return (React.createElement("label", __assign({}, otherProps, { ref: ref, className: cls, onClick: labelOnClick }),
-        React.createElement("span", { className: "".concat(prefixCls, "__bg") },
-            React.createElement("span", { className: "".concat(prefixCls, "__thumb") }),
-            React.createElement("span", { className: "".concat(prefixCls, "__label") }, checked ? checkedText : uncheckedText))));
+    return ((0, jsx_runtime_1.jsx)("label", { ...otherProps, ref: ref, className: cls, role: "switch", "aria-checked": checked, tabIndex: disabled || loading ? -1 : 0, onClick: labelOnClick, onKeyDown: (e) => {
+            if (e.key === ' ' || e.key === 'Enter') {
+                e.preventDefault();
+                labelOnClick(e);
+            }
+        }, children: (0, jsx_runtime_1.jsxs)("span", { className: `${prefixCls}__bg`, children: [(0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__thumb` }), (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__label`, children: checked ? checkedText : uncheckedText })] }) }));
 });
 Switch.displayName = 'Switch';
-export default Switch;
+exports.default = Switch;
 //# sourceMappingURL=index.js.map

package/lib/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/switch/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,UAAC,KAAkB,EAAE,GAAG;;IAEpB,IAAA,KAWE,KAAK,KAXI,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,KAUE,KAAK,eAVc,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GASN,KAAK,SATC,EACR,OAAO,GAQL,KAAK,QARA,EACP,QAAQ,GAON,KAAK,SAPC,EACR,WAAW,GAMT,KAAK,YANI,EACX,aAAa,GAKX,KAAK,cALM,EACb,SAAS,GAIP,KAAK,UAJE,EACT,OAAO,GAGL,KAAK,QAHA,EACI,aAAa,GAEtB,KAAK,UAFiB,EACrB,UAAU,UACX,KAAK,EAZH,kIAYL,CADc,CACL;IACJ,IAAA,KAAwB,QAAQ,CACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,EAFM,OAAO,QAAA,EAAE,UAAU,QAEzB,CAAC;IACF,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,IAAM,UAAU,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,aAAa,IAAI,IAAI,CAAC;IACrE,IAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE,UAAG,SAAS,cAAI,UAAU,CAAE;QACvE,GAAC,UAAG,SAAS,aAAU,IAAG,OAAO;QACjC,GAAC,UAAG,SAAS,aAAU,IAAG,OAAO;QACjC,GAAC,UAAG,SAAS,cAAW,IAAG,OAAO,IAAI,QAAQ;YAC9C,CAAC;IAEH,IAAM,YAAY,GAAG,UAAC,CAAqC;QACzD,IAAM,GAAG,GAAG,CAAC,OAAO,CAAC;QACrB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC3B,IAAI,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE;YAC1B,QAAQ,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC7B,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC;SAC1C;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,SAAS,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,WAAW,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1F,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,0CAAW,UAAU,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY;QACpE,8BAAM,SAAS,EAAE,UAAG,SAAS,SAAM;YACjC,8BAAM,SAAS,EAAE,UAAG,SAAS,YAAS,GAAI;YAC1C,8BAAM,SAAS,EAAE,UAAG,SAAS,YAAS,IAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAQ,CACjF,CACD,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/switch/index.tsx"],"names":[],"mappings":"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"}

package/lib/switch/style/_index.scss

@@ -1,5 +1,5 @@
-@import '../../style/variables';
-@import './mixin';
+@use '../../style/variables' as *;
+@use './mixin' as *;
 
 .#{$prefix}-switch {
   display: inline-block;
@@ -13,7 +13,7 @@
     left: 0;
     bottom: 0;
     right: 0;
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: var(--ty-switch-bg);
     transition: background-color 300ms;
     user-select: none;
   }
@@ -26,11 +26,11 @@
     left: 0;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
-    background-color: #fff;
-    border: 1px solid rgba(0, 0, 0, 0.25);
-    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
+    background-color: var(--ty-switch-thumb-bg);
+    border: 1px solid var(--ty-switch-thumb-border);
+    box-shadow: var(--ty-switch-thumb-shadow);
     transition: all 300ms;
-    color: rgba(0, 0, 0, 0.25);
+    color: var(--ty-switch-bg);
   }
 
   &__label {
@@ -51,13 +51,13 @@
   &_checked {
     .#{$prefix}-switch {
       &__bg {
-        background-color: $primary-color;
+        background-color: var(--ty-color-primary);
       }
 
       &__thumb {
         left: 100%;
-        border-color: $primary-color;
-        color: $primary-color;
+        border-color: var(--ty-color-primary);
+        color: var(--ty-color-primary);
       }
 
       &__label {

package/lib/switch/style/_mixin.scss

@@ -1,4 +1,4 @@
-@import "../../style/mixins";
+@use "../../style/mixins" as *;
 
 @mixin switch-bg($size) {
   width: $size;

package/lib/switch/style/css.js

@@ -1,2 +1,4 @@
-import './index.css';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.css");
 //# sourceMappingURL=index.js.map

package/lib/switch/style/index.js

@@ -1,2 +1,4 @@
-import './index.scss';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./index.scss");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/switch/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/switch/style/index.tsx"],"names":[],"mappings":";;AAAA,wBAAsB"}

package/lib/switch/types.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/lib/table/index.d.ts

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

package/lib/table/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const table_1 = tslib_1.__importDefault(require("./table"));
+exports.default = table_1.default;
+//# sourceMappingURL=index.js.map

package/lib/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/table/index.tsx"],"names":[],"mappings":";;;AAAA,4DAA4B;AAE5B,kBAAe,eAAK,CAAC"}