tiny-ui 1.0.3 → 1.0.4

package/es/style/base.scss

@@ -0,0 +1,6 @@
+@use './theme' as *;
+@use './normalise' as *;
+@use './variables' as *;
+@use './tokens' as *;
+@use './animation' as *;
+@use './mixins' as *;

package/es/switch/index.d.ts

@@ -1,2 +1 @@
-import Switch from './switch';
-export default Switch;
+import { Switch } from "./switch.js";

package/es/switch/index.js

@@ -1,3 +1,9 @@
-import Switch from './switch';
-export default Switch;
+import '../style/base.css';
+import './style/index.css';
+import Switch from "./switch.js";
+//#region components/switch/index.tsx
+var switch_default = Switch;
+//#endregion
+export { switch_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/switch/index.tsx"],"sourcesContent":["import Switch from './switch';\n\nexport default Switch;\n"],"mappings":";;AAEA,IAAA,iBAAe"}

package/es/switch/style/index.css

@@ -0,0 +1,187 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-switch {
+  display: inline-block;
+  box-sizing: border-box;
+  position: relative;
+  cursor: pointer;
+}
+.ty-switch__bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: var(--ty-switch-bg);
+  transition: background-color 300ms;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-switch__thumb {
+  position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  left: 0;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  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: var(--ty-switch-bg);
+}
+.ty-switch__label {
+  box-sizing: border-box;
+  display: block;
+  color: #fff;
+  text-align: center;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  padding-left: 11px;
+  padding-right: 5px;
+  transition: all 300ms;
+}
+.ty-switch_checked .ty-switch__bg {
+  background-color: var(--ty-color-primary);
+}
+.ty-switch_checked .ty-switch__thumb {
+  left: 100%;
+  border-color: var(--ty-color-primary);
+  color: var(--ty-color-primary);
+}
+.ty-switch_checked .ty-switch__label {
+  padding-left: 5px;
+  padding-right: 11px;
+}
+.ty-switch_disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.ty-switch_loading .ty-switch__thumb:before {
+  display: inline-block !important;
+}
+.ty-switch_sm {
+  margin: 0 10px;
+  font-size: 9px;
+  width: 29px;
+  height: 14px;
+}
+.ty-switch_sm .ty-switch__bg {
+  border-radius: 18px;
+}
+.ty-switch_sm .ty-switch__thumb {
+  width: 18px;
+  height: 18px;
+  border-radius: 18px;
+}
+.ty-switch_sm .ty-switch__thumb:before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  position: relative;
+  border-width: 2px;
+  border-color: currentColor currentColor transparent transparent;
+  border-style: solid;
+  border-radius: 50%;
+  animation: ty-rotate-reverse 600ms infinite linear;
+  display: none;
+}
+.ty-switch_sm .ty-switch__label {
+  line-height: 14px;
+}
+.ty-switch_md {
+  margin: 0 12px;
+  font-size: 12px;
+  width: 36px;
+  height: 16px;
+}
+.ty-switch_md .ty-switch__bg {
+  border-radius: 22px;
+}
+.ty-switch_md .ty-switch__thumb {
+  width: 22px;
+  height: 22px;
+  border-radius: 22px;
+}
+.ty-switch_md .ty-switch__thumb:before {
+  content: "";
+  width: 10px;
+  height: 10px;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  position: relative;
+  border-width: 2px;
+  border-color: currentColor currentColor transparent transparent;
+  border-style: solid;
+  border-radius: 50%;
+  animation: ty-rotate-reverse 600ms infinite linear;
+  display: none;
+}
+.ty-switch_md .ty-switch__label {
+  line-height: 17px;
+}
+.ty-switch_lg {
+  margin: 0 14px;
+  font-size: 14px;
+  width: 42px;
+  height: 20px;
+}
+.ty-switch_lg .ty-switch__bg {
+  border-radius: 26px;
+}
+.ty-switch_lg .ty-switch__thumb {
+  width: 26px;
+  height: 26px;
+  border-radius: 26px;
+}
+.ty-switch_lg .ty-switch__thumb:before {
+  content: "";
+  width: 12px;
+  height: 12px;
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  position: relative;
+  border-width: 2px;
+  border-color: currentColor currentColor transparent transparent;
+  border-style: solid;
+  border-radius: 50%;
+  animation: ty-rotate-reverse 600ms infinite linear;
+  display: none;
+}
+.ty-switch_lg .ty-switch__label {
+  line-height: 20px;
+}

package/es/switch/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/switch/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/switch/switch.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { SwitchProps } from './types';
+import { SwitchProps } from "./types.js";
+import React from "react";
+
+//#region components/switch/switch.d.ts
 declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-export default Switch;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/es/switch/switch.js

@@ -1,37 +1,55 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/switch/switch.tsx
 const Switch = React.forwardRef((props, ref) => {
-    const { size = 'md', defaultChecked = true, disabled, loading, onChange, checkedText, uncheckedText, className, onClick, prefixCls: customisedCls, ...otherProps } = props;
-    const [checked, setChecked] = useState('checked' in props ? props.checked : defaultChecked);
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('switch', configContext.prefixCls, customisedCls);
-    const switchSize = props.size || configContext.componentSize || size;
-    const cls = classNames(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(() => {
-        'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);
-    }, [props]);
-    return (_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: _jsxs("span", { className: `${prefixCls}__bg`, children: [_jsx("span", { className: `${prefixCls}__thumb` }), _jsx("span", { className: `${prefixCls}__label`, children: checked ? checkedText : uncheckedText })] }) }));
+	const { size = "md", defaultChecked = true, disabled, loading, onChange, checkedText, uncheckedText, className, onClick, prefixCls: customisedCls, ...otherProps } = props;
+	const [checked, setChecked] = useState("checked" in props ? props.checked : defaultChecked);
+	const configContext = useContext(ConfigContext);
+	const prefixCls = getPrefixCls("switch", configContext.prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, `${prefixCls}_${props.size || configContext.componentSize || size}`, {
+		[`${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(() => {
+		"checked" in props && typeof props.checked !== "undefined" && setChecked(props.checked);
+	}, [props]);
+	return /* @__PURE__ */ jsx("label", {
+		...otherProps,
+		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: /* @__PURE__ */ jsxs("span", {
+			className: `${prefixCls}__bg`,
+			children: [/* @__PURE__ */ jsx("span", { className: `${prefixCls}__thumb` }), /* @__PURE__ */ jsx("span", {
+				className: `${prefixCls}__label`,
+				children: checked ? checkedText : uncheckedText
+			})]
+		})
+	});
 });
-Switch.displayName = 'Switch';
-export default Switch;
+Switch.displayName = "Switch";
+//#endregion
+export { Switch as default };
+
 //# sourceMappingURL=switch.js.map

package/es/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../components/switch/switch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../components/switch/switch.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SwitchProps } from './types';\n\nconst Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(\n  (props: SwitchProps, ref): JSX.Element => {\n    const {\n      size = 'md',\n      defaultChecked = true,\n      disabled,\n      loading,\n      onChange,\n      checkedText,\n      uncheckedText,\n      className,\n      onClick,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const [checked, setChecked] = useState<boolean>(\n      'checked' in props ? (props.checked as boolean) : defaultChecked\n    );\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('switch', configContext.prefixCls, customisedCls);\n    const switchSize = props.size || configContext.componentSize || size;\n    const cls = classNames(prefixCls, className, `${prefixCls}_${switchSize}`, {\n      [`${prefixCls}_checked`]: checked,\n      [`${prefixCls}_loading`]: loading,\n      [`${prefixCls}_disabled`]: loading || disabled,\n    });\n\n    const labelOnClick = (e: React.MouseEvent<HTMLLabelElement>): void => {\n      const val = !checked;\n      onClick && onClick(val, e);\n      if (!(disabled || loading)) {\n        onChange && onChange(val, e);\n        !('checked' in props) && setChecked(val);\n      }\n    };\n\n    useEffect(() => {\n      'checked' in props && typeof props.checked !== 'undefined' && setChecked(props.checked);\n    }, [props]);\n\n    return (\n      <label\n        {...otherProps}\n        ref={ref}\n        className={cls}\n        role=\"switch\"\n        aria-checked={checked}\n        tabIndex={disabled || loading ? -1 : 0}\n        onClick={labelOnClick}\n        onKeyDown={(e: React.KeyboardEvent<HTMLLabelElement>) => {\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault();\n            labelOnClick(e as unknown as React.MouseEvent<HTMLLabelElement>);\n          }\n        }}>\n        <span className={`${prefixCls}__bg`}>\n          <span className={`${prefixCls}__thumb`} />\n          <span className={`${prefixCls}__label`}>{checked ? checkedText : uncheckedText}</span>\n        </span>\n      </label>\n    );\n  }\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;AAMA,MAAM,SAAS,MAAM,YAClB,OAAoB,QAAqB;CACxC,MAAM,EACJ,OAAO,MACP,iBAAiB,MACjB,UACA,SACA,UACA,aACA,eACA,WACA,SACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,CAAC,SAAS,cAAc,SAC5B,aAAa,QAAS,MAAM,UAAsB,eACnD;CACD,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,YAAY,aAAa,UAAU,cAAc,WAAW,cAAc;CAEhF,MAAM,MAAM,WAAW,WAAW,WAAW,GAAG,UAAU,GADvC,MAAM,QAAQ,cAAc,iBAAiB,QACW;GACxE,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,aAAa,WAAW;EACvC,CAAC;CAEF,MAAM,gBAAgB,MAAgD;EACpE,MAAM,MAAM,CAAC;AACb,aAAW,QAAQ,KAAK,EAAE;AAC1B,MAAI,EAAE,YAAY,UAAU;AAC1B,eAAY,SAAS,KAAK,EAAE;AAC5B,KAAE,aAAa,UAAU,WAAW,IAAI;;;AAI5C,iBAAgB;AACd,eAAa,SAAS,OAAO,MAAM,YAAY,eAAe,WAAW,MAAM,QAAQ;IACtF,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,MAAK;EACL,gBAAc;EACd,UAAU,YAAY,UAAU,KAAK;EACrC,SAAS;EACT,YAAY,MAA6C;AACvD,OAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,MAAE,gBAAgB;AAClB,iBAAa,EAAmD;;;YAGpE,qBAAC,QAAD;GAAM,WAAW,GAAG,UAAU;aAA9B,CACE,oBAAC,QAAD,EAAM,WAAW,GAAG,UAAU,UAAY,CAAA,EAC1C,oBAAC,QAAD;IAAM,WAAW,GAAG,UAAU;cAAW,UAAU,cAAc;IAAqB,CAAA,CACjF;;EACD,CAAA;EAGb;AAED,OAAO,cAAc"}

package/es/switch/types.d.ts

@@ -1,13 +1,18 @@
-import React from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export interface SwitchProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['label']>, 'onChange' | 'onClick'> {
-    defaultChecked?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    size?: SizeType;
-    onChange?: (checked: boolean, event: React.MouseEvent) => void;
-    onClick?: (checked: boolean, event: React.MouseEvent) => void;
-    checkedText?: React.ReactNode;
-    uncheckedText?: React.ReactNode;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React from "react";
+
+//#region components/switch/types.d.ts
+interface SwitchProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['label']>, 'onChange' | 'onClick'> {
+  defaultChecked?: boolean;
+  checked?: boolean;
+  disabled?: boolean;
+  loading?: boolean;
+  size?: SizeType;
+  onChange?: (checked: boolean, event: React.MouseEvent) => void;
+  onClick?: (checked: boolean, event: React.MouseEvent) => void;
+  checkedText?: React.ReactNode;
+  uncheckedText?: React.ReactNode;
 }
+//#endregion
+export { SwitchProps };
+//# sourceMappingURL=types.d.ts.map

package/es/table/index.d.ts

@@ -1,2 +1 @@
-import Table from './table';
-export default Table;
+import { Table } from "./table.js";

package/es/table/index.js

@@ -1,3 +1,9 @@
-import Table from './table';
-export default Table;
+import '../style/base.css';
+import './style/index.css';
+import Table from "./table.js";
+//#region components/table/index.tsx
+var table_default = Table;
+//#endregion
+export { table_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/table/index.tsx"],"sourcesContent":["import Table from './table';\n\nexport default Table;\n"],"mappings":";;AAEA,IAAA,gBAAe"}

package/es/table/style/index.css

@@ -0,0 +1,105 @@
+.ty-table {
+  color: var(--ty-color-text, #32325d);
+  font-size: 1rem;
+}
+.ty-table__wrapper {
+  overflow-x: auto;
+}
+.ty-table__table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: auto;
+}
+.ty-table_bordered .ty-table__table {
+  border: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table_bordered .ty-table__cell {
+  border: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table_sm .ty-table__cell {
+  padding: 8px 8px;
+  font-size: 0.875rem;
+}
+.ty-table_md .ty-table__cell {
+  padding: 12px 16px;
+}
+.ty-table_lg .ty-table__cell {
+  padding: 16px 16px;
+  font-size: 1.25rem;
+}
+.ty-table__thead_sticky {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+}
+.ty-table__row_spacer td {
+  padding: 0 !important;
+  border: 0 !important;
+}
+.ty-table__thead .ty-table__cell {
+  background: var(--ty-table-header-bg, #f6f9fc);
+  font-weight: 500;
+  border-bottom: 1px solid var(--ty-table-border, #dee2e6);
+}
+.ty-table__cell {
+  text-align: left;
+  vertical-align: middle;
+}
+.ty-table__cell_sortable {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ty-table__cell_sortable:hover {
+  background: var(--ty-table-hover, #e9ecef);
+}
+.ty-table__cell_ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0;
+}
+.ty-table__cell_align-center {
+  text-align: center;
+}
+.ty-table__cell_align-right {
+  text-align: right;
+}
+.ty-table__tbody .ty-table__row {
+  border-bottom: 1px solid var(--ty-table-border, #e9ecef);
+  transition: background 0.2s;
+}
+.ty-table__tbody .ty-table__row:hover {
+  background: var(--ty-table-hover, #f6f9fc);
+}
+.ty-table__tbody .ty-table__row_selected {
+  background: var(--ty-table-selected-bg, rgba(110, 65, 191, 0.06));
+}
+.ty-table__selection-col {
+  width: 40px;
+  text-align: center;
+}
+.ty-table__col-title {
+  display: inline;
+}
+.ty-table__sorter {
+  display: inline-flex;
+  flex-direction: column;
+  margin-left: 4px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.ty-table__sorter-icon {
+  font-size: 8px;
+  line-height: 8px;
+  color: var(--ty-color-text-secondary, #ced4da);
+}
+.ty-table__sorter-icon_active {
+  color: var(--ty-color-primary, #6e41bf);
+}
+.ty-table__empty-cell, .ty-table__loading-cell {
+  text-align: center;
+  padding: 32px !important;
+  color: var(--ty-color-text-secondary, #adb5bd);
+}

package/es/table/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/table/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/table/table.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { TableProps } from './types';
+import { TableProps } from "./types.js";
+import React from "react";
+
+//#region components/table/table.d.ts
 declare const Table: React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>>;
-export default Table;
+//#endregion
+export { Table };
+//# sourceMappingURL=table.d.ts.map