tiny-ui 1.0.3 → 1.0.4

package/es/sticky/sticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.js","sourceRoot":"","sources":["../../components/sticky/sticky.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sticky.js","names":[],"sources":["../../components/sticky/sticky.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { getRect, getScroll, getNodeHeight } from '../_utils/dom';\nimport { StickyProps } from './types';\n\nconst Sticky = (props: StickyProps): JSX.Element => {\n  const {\n    offsetTop,\n    offsetBottom,\n    container = () => window,\n    onChange,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('sticky', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const placeholderRef = useRef<HTMLDivElement | null>(null);\n  const stickyRef = useRef<HTMLDivElement | null>(null);\n  const [stickyStyle, setStickyStyle] = useState<CSSProperties>({});\n  const [placeholderStyle, setPlaceholderStyle] = useState<CSSProperties>({});\n  const [stickyContainer, setStickyContainer] = useState(container());\n\n  const getStickyMode = () => {\n    const mode = {\n      top: false,\n      bottom: false,\n      offset: 0,\n    };\n\n    if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {\n      mode.top = true;\n    } else if (typeof offsetTop === 'number') {\n      mode.top = true;\n      mode.bottom = false;\n      mode.offset = offsetTop || 0;\n    } else if (typeof offsetBottom === 'number') {\n      mode.bottom = true;\n      mode.top = false;\n      mode.offset = offsetBottom || 0;\n    }\n\n    return mode;\n  };\n  const [stickyMode] = useState(getStickyMode());\n\n  const getOffset = useCallback((placeholderNode: HTMLElement, stickyContainer: HTMLElement | Window): {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n  } => {\n    const rect = placeholderNode.getBoundingClientRect();\n    const containerRect = getRect(stickyContainer);\n    const containerScrollTop = getScroll(stickyContainer, true);\n    const containerScrollLeft = getScroll(stickyContainer, false);\n\n    return {\n      top: rect.top - containerRect.top + containerScrollTop,\n      left: rect.left - containerRect.left + containerScrollLeft,\n      width: rect.width,\n      height: rect.height,\n    };\n  }, []);\n\n  const updateStickyStyle = useCallback(\n    (stickyStyle: CSSProperties, stuck = false) => {\n      setStickyStyle({ ...stickyStyle });\n\n      if (stuck) {\n        onChange && onChange(true);\n      } else if (!stickyStyle) {\n        onChange && onChange(false);\n      }\n    },\n    [onChange]\n  );\n\n  const updatePlaceholderStyle = (placeholderStyle: CSSProperties) => {\n    setPlaceholderStyle({ ...placeholderStyle });\n  };\n\n  const updateNodePosition = useCallback(() => {\n    const placeholderNode = placeholderRef.current;\n    const stickyNode = stickyRef.current;\n    if (!placeholderNode || !stickyContainer || !stickyNode) {\n      return;\n    }\n\n    const containerScrollTop = getScroll(stickyContainer, true);\n    const placeholderOffset = getOffset(placeholderNode, stickyContainer);\n    const containerHeight = getNodeHeight(stickyContainer);\n    const placeholderHeight = placeholderNode.offsetHeight;\n    const containerRect = getRect(stickyContainer);\n    const stickyHeight = stickyNode.offsetHeight;\n\n    const stickyStyle: CSSProperties = {\n      width: placeholderOffset.width,\n    };\n    const placeholderStyle: CSSProperties = {\n      width: placeholderOffset.width,\n      height: stickyHeight,\n    };\n    if (stickyMode.top && containerScrollTop > placeholderOffset.top - stickyMode.offset) {\n      // sticky top\n      stickyStyle.position = 'fixed';\n      stickyStyle.top = stickyMode.offset + containerRect.top;\n      updateStickyStyle(stickyStyle, true);\n      updatePlaceholderStyle(placeholderStyle);\n    } else if (\n      stickyMode.bottom &&\n      containerScrollTop <\n        placeholderOffset.top + placeholderHeight + stickyMode.offset - containerHeight\n    ) {\n      // sticky bottom\n      stickyStyle.height = placeholderHeight;\n      stickyStyle.position = 'fixed';\n      stickyStyle.bottom = stickyMode.offset;\n\n      updateStickyStyle(stickyStyle, true);\n      updatePlaceholderStyle(placeholderStyle);\n    } else {\n      updateStickyStyle({});\n      updatePlaceholderStyle({});\n    }\n  }, [stickyContainer, updateStickyStyle, stickyMode, getOffset]);\n\n  /**\n   * If the container is changed, update the listeners\n   */\n  useEffect(() => {\n    const stickyContainer = container();\n    if (!stickyContainer) {\n      return;\n    }\n    setStickyContainer(stickyContainer);\n\n    stickyContainer.addEventListener('scroll', updateNodePosition);\n    stickyContainer.addEventListener('resize', updateNodePosition);\n\n    return () => {\n      stickyContainer.removeEventListener('scroll', updateNodePosition);\n      stickyContainer.removeEventListener('resize', updateNodePosition);\n    };\n  }, [updateNodePosition, container]);\n\n  useEffect(() => {\n    updateNodePosition();\n  }, [updateNodePosition]);\n\n  return (\n    <div ref={placeholderRef} style={placeholderStyle}>\n      <div {...otherProps} className={cls} ref={stickyRef} style={{ ...stickyStyle, ...style }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSticky.displayName = 'Sticky';\n\nexport default Sticky;\n"],"mappings":"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"}

package/es/sticky/style/index.css

@@ -0,0 +1,3 @@
+.ty-sticky_fixed {
+  position: fixed;
+}

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

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

package/es/sticky/style/index.js

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

package/es/sticky/types.d.ts

@@ -1,9 +1,14 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-import { Target } from '../_utils/dom';
-export interface StickyProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    offsetTop?: number;
-    offsetBottom?: number;
-    container?: () => Target;
-    onChange?: (stuck: boolean) => void;
+import { BaseProps } from "../_utils/props.js";
+import { Target } from "../_utils/dom.js";
+import React from "react";
+
+//#region components/sticky/types.d.ts
+interface StickyProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  offsetTop?: number;
+  offsetBottom?: number;
+  container?: () => Target;
+  onChange?: (stuck: boolean) => void;
 }
+//#endregion
+export { StickyProps };
+//# sourceMappingURL=types.d.ts.map

package/es/strength-indicator/index.d.ts

@@ -1,2 +1 @@
-import StrengthIndicator from './strength-indicator';
-export default StrengthIndicator;
+import { StrengthIndicator } from "./strength-indicator.js";

package/es/strength-indicator/index.js

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

package/es/strength-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/strength-indicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/strength-indicator/index.tsx"],"sourcesContent":["import StrengthIndicator from './strength-indicator';\n\nexport default StrengthIndicator;\n"],"mappings":";;AAEA,IAAA,6BAAe"}

package/es/strength-indicator/strength-indicator.d.ts

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

package/es/strength-indicator/strength-indicator.js

@@ -1,24 +1,48 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { 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 } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/strength-indicator/strength-indicator.tsx
 const StrengthIndicator = React.forwardRef((props, ref) => {
-    const { current = 0, blocks = 3, colors = ['#f44336', '#ff9800', '#52c41a'], className, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('strength-indicator', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className);
-    const displayLabels = Array.isArray(props.labels)
-        ? props.labels
-        : ['Weak', 'Medium', 'Strong'];
-    return (_jsx("div", { ...otherProps, className: cls, ref: ref, role: "progressbar", "aria-valuenow": current, "aria-valuemin": 0, "aria-valuemax": blocks, children: Array.from(new Array(blocks)).map((item, idx) => {
-            const itemCls = classNames(`${prefixCls}__item`, {
-                [`${prefixCls}__item_active`]: idx < current,
-            });
-            const bgColor = idx < current ? colors[current - 1] : undefined;
-            return (_jsxs("div", { className: itemCls, children: [_jsx("div", { className: `${prefixCls}__inner`, style: { backgroundColor: bgColor } }), 'labels' in props && (_jsx("div", { className: `${prefixCls}__label`, children: displayLabels[idx] }))] }, idx));
-        }) }));
+	const { current = 0, blocks = 3, colors = [
+		"#f44336",
+		"#ff9800",
+		"#52c41a"
+	], className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("strength-indicator", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className);
+	const displayLabels = Array.isArray(props.labels) ? props.labels : [
+		"Weak",
+		"Medium",
+		"Strong"
+	];
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		className: cls,
+		ref,
+		role: "progressbar",
+		"aria-valuenow": current,
+		"aria-valuemin": 0,
+		"aria-valuemax": blocks,
+		children: Array.from(new Array(blocks)).map((item, idx) => {
+			const itemCls = classNames(`${prefixCls}__item`, { [`${prefixCls}__item_active`]: idx < current });
+			const bgColor = idx < current ? colors[current - 1] : void 0;
+			return /* @__PURE__ */ jsxs("div", {
+				className: itemCls,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__inner`,
+					style: { backgroundColor: bgColor }
+				}), "labels" in props && /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__label`,
+					children: displayLabels[idx]
+				})]
+			}, idx);
+		})
+	});
 });
-StrengthIndicator.displayName = 'StrengthIndicator';
-export default StrengthIndicator;
+StrengthIndicator.displayName = "StrengthIndicator";
+//#endregion
+export { StrengthIndicator as default };
+
 //# sourceMappingURL=strength-indicator.js.map

package/es/strength-indicator/strength-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"strength-indicator.js","sourceRoot":"","sources":["../../components/strength-indicator/strength-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAA6B,EAAE,GAAG,EAAsB,EAAE;IACzD,MAAM,EACJ,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC1C,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,oBAAoB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC7F,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAsB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;QAClE,CAAC,CAAC,KAAK,CAAC,MAAM;QACd,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEjC,OAAO,CACL,iBAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,aAAa,mBAAgB,OAAO,mBAAiB,CAAC,mBAAiB,MAAM,YAC9H,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,SAAS,QAAQ,EAAE;gBAC/C,CAAC,GAAG,SAAS,eAAe,CAAC,EAAE,GAAG,GAAG,OAAO;aAC7C,CAAC,CAAC;YACH,MAAM,OAAO,GAAG,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YAChE,OAAO,CACL,eAAe,SAAS,EAAE,OAAO,aAC/B,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,GAAI,EAC7E,QAAQ,IAAI,KAAK,IAAI,CACpB,cAAK,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,aAAa,CAAC,GAAG,CAAC,GAAO,CAClE,KAJO,GAAG,CAKP,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"strength-indicator.js","names":[],"sources":["../../components/strength-indicator/strength-indicator.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { StrengthIndicatorProps } from './types';\n\nconst StrengthIndicator = React.forwardRef<HTMLDivElement, StrengthIndicatorProps>(\n  (props: StrengthIndicatorProps, ref): React.ReactElement => {\n    const {\n      current = 0,\n      blocks = 3,\n      colors = ['#f44336', '#ff9800', '#52c41a'],\n      className,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('strength-indicator', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const displayLabels: React.ReactNode[] = Array.isArray(props.labels)\n      ? props.labels\n      : ['Weak', 'Medium', 'Strong'];\n\n    return (\n      <div {...otherProps} className={cls} ref={ref} role=\"progressbar\" aria-valuenow={current} aria-valuemin={0} aria-valuemax={blocks}>\n        {Array.from(new Array(blocks)).map((item, idx) => {\n          const itemCls = classNames(`${prefixCls}__item`, {\n            [`${prefixCls}__item_active`]: idx < current,\n          });\n          const bgColor = idx < current ? colors[current - 1] : undefined;\n          return (\n            <div key={idx} className={itemCls}>\n              <div className={`${prefixCls}__inner`} style={{ backgroundColor: bgColor }} />\n              {'labels' in props && (\n                <div className={`${prefixCls}__label`}>{displayLabels[idx]}</div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nStrengthIndicator.displayName = 'StrengthIndicator';\n\nexport default StrengthIndicator;\n"],"mappings":";;;;;;AAMA,MAAM,oBAAoB,MAAM,YAC7B,OAA+B,QAA4B;CAC1D,MAAM,EACJ,UAAU,GACV,SAAS,GACT,SAAS;EAAC;EAAW;EAAW;EAAU,EAC1C,WACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,sBADT,WAAW,cAAc,CACoB,WAAW,cAAc;CAC5F,MAAM,MAAM,WAAW,WAAW,UAAU;CAC5C,MAAM,gBAAmC,MAAM,QAAQ,MAAM,OAAO,GAChE,MAAM,SACN;EAAC;EAAQ;EAAU;EAAS;AAEhC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAU;EAAK,MAAK;EAAc,iBAAe;EAAS,iBAAe;EAAG,iBAAe;YACxH,MAAM,KAAK,IAAI,MAAM,OAAO,CAAC,CAAC,KAAK,MAAM,QAAQ;GAChD,MAAM,UAAU,WAAW,GAAG,UAAU,SAAS,GAC9C,GAAG,UAAU,iBAAiB,MAAM,SACtC,CAAC;GACF,MAAM,UAAU,MAAM,UAAU,OAAO,UAAU,KAAK,KAAA;AACtD,UACE,qBAAC,OAAD;IAAe,WAAW;cAA1B,CACE,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;KAAU,OAAO,EAAE,iBAAiB,SAAS;KAAI,CAAA,EAC7E,YAAY,SACX,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAW,cAAc;KAAW,CAAA,CAE/D;MALI,IAKJ;IAER;EACE,CAAA;EAGX;AAED,kBAAkB,cAAc"}

package/es/strength-indicator/style/index.css

@@ -0,0 +1,37 @@
+.ty-strength-indicator {
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+}
+.ty-strength-indicator__item {
+  box-sizing: border-box;
+  flex: 1;
+  margin: 0 2px;
+}
+.ty-strength-indicator__item:first-child {
+  margin-left: 0;
+}
+.ty-strength-indicator__item:first-child .ty-strength-indicator__inner {
+  border-top-left-radius: 99px;
+  border-bottom-left-radius: 99px;
+}
+.ty-strength-indicator__item:last-child {
+  margin-right: 0;
+}
+.ty-strength-indicator__item:last-child .ty-strength-indicator__inner {
+  border-top-right-radius: 99px;
+  border-bottom-right-radius: 99px;
+}
+.ty-strength-indicator__inner {
+  background-color: var(--ty-color-bg-disabled);
+  min-height: 8px;
+  transition: background-color 300ms;
+}
+.ty-strength-indicator__label {
+  text-align: center;
+  margin-top: 4px;
+  color: var(--ty-color-text-secondary);
+  font-size: 12px;
+}

package/es/strength-indicator/style/index.d.ts

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

package/es/strength-indicator/style/index.js

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

package/es/strength-indicator/types.d.ts

@@ -1,12 +1,17 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export interface StrengthIndicatorProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
-    /** the number of indicator, default is 3 */
-    blocks?: number;
-    /** current value */
-    current?: number;
-    /** block colors */
-    colors?: string[];
-    /** hint labels */
-    labels?: boolean | React.ReactNode[];
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/strength-indicator/types.d.ts
+interface StrengthIndicatorProps extends BaseProps, React.PropsWithRef<JSX.IntrinsicElements['div']> {
+  /** the number of indicator, default is 3 */
+  blocks?: number;
+  /** current value */
+  current?: number;
+  /** block colors */
+  colors?: string[];
+  /** hint labels */
+  labels?: boolean | React.ReactNode[];
 }
+//#endregion
+export { StrengthIndicatorProps };
+//# sourceMappingURL=types.d.ts.map