tiny-ui 1.0.3 → 1.0.4

package/lib/loader/loader.js

@@ -1,28 +1,45 @@
-"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 indicator_1 = tslib_1.__importDefault(require("./indicator"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const Loader = react_1.default.forwardRef((props, ref) => {
-    const { size = 'md', loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('loader', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_${size}`, {
-        [`${prefixCls}_spinning`]: loading,
-    });
-    const indicatorCls = (0, classnames_1.default)(`${prefixCls}__loader-container`, {
-        [`${prefixCls}__loader-container_vertical`]: vertical,
-    });
-    const containerCls = (0, classnames_1.default)(`${prefixCls}__container`, {
-        [`${prefixCls}__container_loading`]: loading,
-        [`${prefixCls}__container_blurred`]: loading && blurred,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, role: "status", "aria-busy": loading, children: [loading && ((0, jsx_runtime_1.jsxs)("div", { className: indicatorCls, children: [indicator ? indicator : (0, jsx_runtime_1.jsx)(indicator_1.default, { className: `${prefixCls}__indicator`, size: size }), tip && (0, jsx_runtime_1.jsx)("span", { className: `${prefixCls}__label`, children: tip })] })), children && (0, jsx_runtime_1.jsx)("div", { className: containerCls, children: children })] }));
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_indicator = require("./indicator.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/loader/loader.tsx
+const Loader = react.default.forwardRef((props, ref) => {
+	const { size = "md", loading = true, vertical = false, blurred = true, indicator, tip, className, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("loader", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_${size}`, { [`${prefixCls}_spinning`]: loading });
+	const indicatorCls = (0, classnames.default)(`${prefixCls}__loader-container`, { [`${prefixCls}__loader-container_vertical`]: vertical });
+	const containerCls = (0, classnames.default)(`${prefixCls}__container`, {
+		[`${prefixCls}__container_loading`]: loading,
+		[`${prefixCls}__container_blurred`]: loading && blurred
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		role: "status",
+		"aria-busy": loading,
+		children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: indicatorCls,
+			children: [indicator ? indicator : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_indicator.default, {
+				className: `${prefixCls}__indicator`,
+				size
+			}), tip && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${prefixCls}__label`,
+				children: tip
+			})]
+		}), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: containerCls,
+			children
+		})]
+	});
 });
-Loader.displayName = 'Loader';
+Loader.displayName = "Loader";
+//#endregion
 exports.default = Loader;
+
 //# sourceMappingURL=loader.js.map

package/lib/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../components/loader/loader.tsx"],"names":[],"mappings":";;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,SAAS,EACT,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,QAAQ,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACjF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,IAAI,EAAE,EAAE;QACnE,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,oBAAoB,EAAE;QAChE,CAAC,GAAG,SAAS,6BAA6B,CAAC,EAAE,QAAQ;KACtD,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,GAAG,SAAS,aAAa,EAAE;QACzD,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO;QAC5C,CAAC,GAAG,SAAS,qBAAqB,CAAC,EAAE,OAAO,IAAI,OAAO;KACxD,CAAC,CAAC;IAEH,OAAO,CACL,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,eAAY,OAAO,aAC5E,OAAO,IAAI,CACV,iCAAK,SAAS,EAAE,YAAY,aACzB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAS,IAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAI,EACvF,GAAG,IAAI,iCAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,GAAG,GAAQ,IACxD,CACP,EACA,QAAQ,IAAI,gCAAK,SAAS,EAAE,YAAY,YAAG,QAAQ,GAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"loader.js","names":["React","getPrefixCls","ConfigContext","Indicator"],"sources":["../../components/loader/loader.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport Indicator from './indicator';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { LoaderProps } from './types';\n\nconst Loader = React.forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n  const {\n    size = 'md',\n    loading = true,\n    vertical = false,\n    blurred = true,\n    indicator,\n    tip,\n    className,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('loader', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {\n    [`${prefixCls}_spinning`]: loading,\n  });\n\n  const indicatorCls = classNames(`${prefixCls}__loader-container`, {\n    [`${prefixCls}__loader-container_vertical`]: vertical,\n  });\n  const containerCls = classNames(`${prefixCls}__container`, {\n    [`${prefixCls}__container_loading`]: loading,\n    [`${prefixCls}__container_blurred`]: loading && blurred,\n  });\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} role=\"status\" aria-busy={loading}>\n      {loading && (\n        <div className={indicatorCls}>\n          {indicator ? indicator : <Indicator className={`${prefixCls}__indicator`} size={size} />}\n          {tip && <span className={`${prefixCls}__label`}>{tip}</span>}\n        </div>\n      )}\n      {children && <div className={containerCls}>{children}</div>}\n    </div>\n  );\n});\n\nLoader.displayName = 'Loader';\n\nexport default Loader;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,SAASA,MAAAA,QAAM,YAAyC,OAAO,QAAQ;CAC3E,MAAM,EACJ,OAAO,MACP,UAAU,MACV,WAAW,OACX,UAAU,MACV,WACA,KACA,WACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,WAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACQ,WAAW,cAAc;CAChF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,UAAU,GAAG,QAAQ,GAClE,GAAG,UAAU,aAAa,SAC5B,CAAC;CAEF,MAAM,gBAAA,GAAA,WAAA,SAA0B,GAAG,UAAU,qBAAqB,GAC/D,GAAG,UAAU,+BAA+B,UAC9C,CAAC;CACF,MAAM,gBAAA,GAAA,WAAA,SAA0B,GAAG,UAAU,cAAc;GACxD,GAAG,UAAU,uBAAuB;GACpC,GAAG,UAAU,uBAAuB,WAAW;EACjD,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,MAAK;EAAS,aAAW;YAAxE,CACG,WACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAW;aAAhB,CACG,YAAY,YAAY,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,SAAD;IAAW,WAAW,GAAG,UAAU;IAAoB;IAAQ,CAAA,EACvF,OAAO,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAAM,WAAW,GAAG,UAAU;cAAW;IAAW,CAAA,CACxD;MAEP,YAAY,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW;GAAe;GAAe,CAAA,CACvD;;EAER;AAEF,OAAO,cAAc"}

package/lib/loader/style/index.css

@@ -0,0 +1,135 @@
+@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-loader {
+  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  position: relative;
+  display: inline-block;
+  color: var(--ty-color-primary);
+}
+.ty-loader__indicator {
+  position: relative;
+  display: inline-block;
+  font-size: 20px;
+  width: 1em;
+  height: 1em;
+  margin: 5px;
+  animation: ty-rotate 1s linear infinite;
+}
+.ty-loader__indicator-dot {
+  position: absolute;
+  display: block;
+  transform: scale(0.75);
+  background-color: currentColor;
+  border-radius: 50%;
+  transform-origin: 50% 50%;
+  opacity: 0.5;
+  animation: dot-opacity 2s linear infinite;
+}
+.ty-loader__indicator-dot:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+.ty-loader__indicator-dot:nth-child(2) {
+  top: 0;
+  right: 0;
+  animation-delay: 0.4s;
+}
+.ty-loader__indicator-dot:nth-child(3) {
+  right: 0;
+  bottom: 0;
+  animation-delay: 0.8s;
+}
+.ty-loader__indicator-dot:nth-child(4) {
+  bottom: 0;
+  left: 0;
+  animation-delay: 1.2s;
+}
+.ty-loader__label {
+  margin: 5px 0;
+  font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  opacity: 0.8;
+  font-size: 16px;
+}
+.ty-loader_md .ty-loader__indicator {
+  font-size: 20px;
+}
+.ty-loader_md .ty-loader__indicator-dot {
+  width: 9px;
+  height: 9px;
+}
+.ty-loader_lg .ty-loader__indicator {
+  font-size: 32px;
+}
+.ty-loader_lg .ty-loader__indicator-dot {
+  width: 14px;
+  height: 14px;
+}
+.ty-loader_sm .ty-loader__indicator {
+  font-size: 14px;
+}
+.ty-loader_sm .ty-loader__indicator-dot {
+  width: 6px;
+  height: 6px;
+}
+.ty-loader__loader-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  z-index: 5;
+  color: var(--ty-color-primary);
+}
+.ty-loader__loader-container:not(:last-child) {
+  position: absolute;
+}
+.ty-loader__loader-container_vertical {
+  flex-direction: column;
+}
+.ty-loader__container_loading {
+  opacity: 0.5;
+}
+.ty-loader__container_blurred {
+  filter: blur(1px);
+  overflow: hidden;
+}
+
+@keyframes dot-opacity {
+  0% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 0.9;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}

package/lib/loader/style/index.d.ts

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

package/lib/loader/style/index.js

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

package/lib/loader/types.d.ts

@@ -1,16 +1,21 @@
-import React, { ReactNode } from 'react';
-import { BaseProps, SizeType } from '../_utils/props';
-export interface LoaderProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-    /** customise the spinning indicator */
-    indicator?: ReactNode;
-    /** loader size */
-    size?: SizeType;
-    /** loading status */
-    loading?: boolean;
-    /** customize description content when Spin has children */
-    tip?: string;
-    /** vertical the content */
-    vertical?: boolean;
-    /** determine whether blur the loading background */
-    blurred?: boolean;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region components/loader/types.d.ts
+interface LoaderProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+  /** customise the spinning indicator */
+  indicator?: ReactNode;
+  /** loader size */
+  size?: SizeType;
+  /** loading status */
+  loading?: boolean;
+  /** customize description content when Spin has children */
+  tip?: string;
+  /** vertical the content */
+  vertical?: boolean;
+  /** determine whether blur the loading background */
+  blurred?: boolean;
 }
+//#endregion
+export { LoaderProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/loading-bar/index.d.ts

@@ -1,6 +1,9 @@
+//#region components/loading-bar/index.d.ts
 declare const _default: {
-    start: () => void;
-    succeed: () => void;
-    fail: () => void;
+  start: () => void;
+  succeed: () => void;
+  fail: () => void;
 };
-export default _default;
+//#endregion
+export { _default };
+//# sourceMappingURL=index.d.ts.map

package/lib/loading-bar/index.js

@@ -1,83 +1,81 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const client_1 = require("react-dom/client");
-const loading_bar_1 = tslib_1.__importDefault(require("./loading-bar"));
+require('../style/base.css');
+require('./style/index.css');
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_loading_bar = require("./loading-bar.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_dom_client = require("react-dom/client");
+//#region components/loading-bar/index.ts
 let rafId = null;
 let loadingBar = null;
 let outerDiv = null;
 let root = null;
 let width = 0;
 const reset = () => {
-    if (root) {
-        root.unmount();
-        root = null;
-    }
-    if (outerDiv) {
-        document.body.removeChild(outerDiv);
-    }
-    loadingBar = null;
-    outerDiv = null;
-    width = 0;
+	if (root) {
+		root.unmount();
+		root = null;
+	}
+	if (outerDiv) document.body.removeChild(outerDiv);
+	loadingBar = null;
+	outerDiv = null;
+	width = 0;
 };
 const move = () => {
-    if (width < 55) {
-        width += .4;
-        rafId = requestAnimationFrame(move);
-    }
-    else if (width < 90) {
-        width += .1;
-        rafId = requestAnimationFrame(move);
-    }
-    loadingBar && (loadingBar.style.width = `${width}%`);
+	if (width < 55) {
+		width += .4;
+		rafId = requestAnimationFrame(move);
+	} else if (width < 90) {
+		width += .1;
+		rafId = requestAnimationFrame(move);
+	}
+	loadingBar && (loadingBar.style.width = `${width}%`);
 };
 const createComponent = () => {
-    outerDiv = document.createElement('div');
-    document.body.appendChild(outerDiv);
-    const component = react_1.default.createElement(loading_bar_1.default, {
-        didMount: () => {
-            loadingBar = document.getElementById('ty-loading-bar');
-            rafId = requestAnimationFrame(move);
-        },
-    });
-    root = (0, client_1.createRoot)(outerDiv);
-    root.render(component);
+	outerDiv = document.createElement("div");
+	document.body.appendChild(outerDiv);
+	const component = react.default.createElement(require_loading_bar.default, { didMount: () => {
+		loadingBar = document.getElementById("ty-loading-bar");
+		rafId = requestAnimationFrame(move);
+	} });
+	root = (0, react_dom_client.createRoot)(outerDiv);
+	root.render(component);
 };
 const unmountDom = () => {
-    setTimeout(() => {
-        loadingBar && (loadingBar.style.opacity = '0');
-    }, 300);
-    setTimeout(() => {
-        reset();
-    }, 700);
+	setTimeout(() => {
+		loadingBar && (loadingBar.style.opacity = "0");
+	}, 300);
+	setTimeout(() => {
+		reset();
+	}, 700);
 };
 const start = () => {
-    if (!outerDiv) {
-        reset();
-        createComponent();
-    }
+	if (!outerDiv) {
+		reset();
+		createComponent();
+	}
 };
 const succeed = () => {
-    if (rafId)
-        cancelAnimationFrame(rafId);
-    if (outerDiv && loadingBar) {
-        loadingBar.style.width = '100%';
-        unmountDom();
-    }
+	if (rafId) cancelAnimationFrame(rafId);
+	if (outerDiv && loadingBar) {
+		loadingBar.style.width = "100%";
+		unmountDom();
+	}
 };
 const fail = () => {
-    if (rafId)
-        cancelAnimationFrame(rafId);
-    if (outerDiv && loadingBar) {
-        loadingBar.style.width = '100%';
-        loadingBar.style.backgroundColor = '#f30';
-        unmountDom();
-    }
+	if (rafId) cancelAnimationFrame(rafId);
+	if (outerDiv && loadingBar) {
+		loadingBar.style.width = "100%";
+		loadingBar.style.backgroundColor = "#f30";
+		unmountDom();
+	}
 };
-exports.default = {
-    start,
-    succeed,
-    fail,
+var loading_bar_default = {
+	start,
+	succeed,
+	fail
 };
+//#endregion
+exports.default = loading_bar_default;
+
 //# sourceMappingURL=index.js.map

package/lib/loading-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/loading-bar/index.ts"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,6CAAoD;AACpD,wEAAuC;AAEvC,IAAI,KAAK,GAAkB,IAAI,CAAC;AAChC,IAAI,UAAU,GAAuB,IAAI,CAAC;AAC1C,IAAI,QAAQ,GAAuB,IAAI,CAAC;AACxC,IAAI,IAAI,GAAgB,IAAI,CAAC;AAC7B,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd,MAAM,KAAK,GAAG,GAAS,EAAE;IACvB,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,GAAG,IAAI,CAAC;IACd,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IACD,UAAU,GAAG,IAAI,CAAC;IAClB,QAAQ,GAAG,IAAI,CAAC;IAChB,KAAK,GAAG,CAAC,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAS,EAAE;IACtB,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC;QACf,KAAK,IAAI,EAAE,CAAC;QACZ,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;SAAM,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC;QACtB,KAAK,IAAI,EAAE,CAAC;QACZ,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,UAAU,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAS,EAAE;IACjC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,eAAK,CAAC,aAAa,CAAC,qBAAU,EAAE;QAChD,QAAQ,EAAE,GAAG,EAAE;YACb,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;YACvD,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;KACF,CAAC,CAAC;IAEH,IAAI,GAAG,IAAA,mBAAU,EAAC,QAAQ,CAAC,CAAC;IAC5B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAS,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE;QACd,UAAU,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC;IACjD,CAAC,EAAE,GAAG,CAAC,CAAC;IACR,UAAU,CAAC,GAAG,EAAE;QACd,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,GAAG,CAAC,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAS,EAAE;IACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,CAAC;IACpB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,GAAS,EAAE;IACzB,IAAI,KAAK;QAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEvC,IAAI,QAAQ,IAAI,UAAU,EAAE,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAChC,UAAU,EAAE,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAS,EAAE;IACtB,IAAI,KAAK;QAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAEvC,IAAI,QAAQ,IAAI,UAAU,EAAE,CAAC;QAC3B,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAChC,UAAU,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC;QAC1C,UAAU,EAAE,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe;IACb,KAAK;IACL,OAAO;IACP,IAAI;CACL,CAAC"}
+{"version":3,"file":"index.js","names":["React","LoadingBar"],"sources":["../../components/loading-bar/index.ts"],"sourcesContent":["import React from 'react';\nimport { createRoot, Root } from 'react-dom/client';\nimport LoadingBar from './loading-bar';\n\nlet rafId: number | null = null;\nlet loadingBar: HTMLElement | null = null;\nlet outerDiv: HTMLElement | null = null;\nlet root: Root | null = null;\nlet width = 0;\n\nconst reset = (): void => {\n  if (root) {\n    root.unmount();\n    root = null;\n  }\n  if (outerDiv) {\n    document.body.removeChild(outerDiv);\n  }\n  loadingBar = null;\n  outerDiv = null;\n  width = 0;\n};\n\nconst move = (): void => {\n  if (width < 55) {\n    width += .4;\n    rafId = requestAnimationFrame(move);\n  } else if (width < 90) {\n    width += .1;\n    rafId = requestAnimationFrame(move);\n  }\n\n  loadingBar && (loadingBar.style.width = `${width}%`);\n};\n\nconst createComponent = (): void => {\n  outerDiv = document.createElement('div');\n  document.body.appendChild(outerDiv);\n\n  const component = React.createElement(LoadingBar, {\n    didMount: () => {\n      loadingBar = document.getElementById('ty-loading-bar');\n      rafId = requestAnimationFrame(move);\n    },\n  });\n\n  root = createRoot(outerDiv);\n  root.render(component);\n};\n\nconst unmountDom = (): void => {\n  setTimeout(() => {\n    loadingBar && (loadingBar.style.opacity = '0');\n  }, 300);\n  setTimeout(() => {\n    reset();\n  }, 700);\n};\n\nconst start = (): void => {\n  if (!outerDiv) {\n    reset();\n    createComponent();\n  }\n};\n\nconst succeed = (): void => {\n  if (rafId) cancelAnimationFrame(rafId);\n\n  if (outerDiv && loadingBar) {\n    loadingBar.style.width = '100%';\n    unmountDom();\n  }\n};\n\nconst fail = (): void => {\n  if (rafId) cancelAnimationFrame(rafId);\n\n  if (outerDiv && loadingBar) {\n    loadingBar.style.width = '100%';\n    loadingBar.style.backgroundColor = '#f30';\n    unmountDom();\n  }\n};\n\nexport default {\n  start,\n  succeed,\n  fail,\n};\n"],"mappings":";;;;;;AAIA,IAAI,QAAuB;AAC3B,IAAI,aAAiC;AACrC,IAAI,WAA+B;AACnC,IAAI,OAAoB;AACxB,IAAI,QAAQ;AAEZ,MAAM,cAAoB;AACxB,KAAI,MAAM;AACR,OAAK,SAAS;AACd,SAAO;;AAET,KAAI,SACF,UAAS,KAAK,YAAY,SAAS;AAErC,cAAa;AACb,YAAW;AACX,SAAQ;;AAGV,MAAM,aAAmB;AACvB,KAAI,QAAQ,IAAI;AACd,WAAS;AACT,UAAQ,sBAAsB,KAAK;YAC1B,QAAQ,IAAI;AACrB,WAAS;AACT,UAAQ,sBAAsB,KAAK;;AAGrC,gBAAe,WAAW,MAAM,QAAQ,GAAG,MAAM;;AAGnD,MAAM,wBAA8B;AAClC,YAAW,SAAS,cAAc,MAAM;AACxC,UAAS,KAAK,YAAY,SAAS;CAEnC,MAAM,YAAYA,MAAAA,QAAM,cAAcC,oBAAAA,SAAY,EAChD,gBAAgB;AACd,eAAa,SAAS,eAAe,iBAAiB;AACtD,UAAQ,sBAAsB,KAAK;IAEtC,CAAC;AAEF,SAAA,GAAA,iBAAA,YAAkB,SAAS;AAC3B,MAAK,OAAO,UAAU;;AAGxB,MAAM,mBAAyB;AAC7B,kBAAiB;AACf,iBAAe,WAAW,MAAM,UAAU;IACzC,IAAI;AACP,kBAAiB;AACf,SAAO;IACN,IAAI;;AAGT,MAAM,cAAoB;AACxB,KAAI,CAAC,UAAU;AACb,SAAO;AACP,mBAAiB;;;AAIrB,MAAM,gBAAsB;AAC1B,KAAI,MAAO,sBAAqB,MAAM;AAEtC,KAAI,YAAY,YAAY;AAC1B,aAAW,MAAM,QAAQ;AACzB,cAAY;;;AAIhB,MAAM,aAAmB;AACvB,KAAI,MAAO,sBAAqB,MAAM;AAEtC,KAAI,YAAY,YAAY;AAC1B,aAAW,MAAM,QAAQ;AACzB,aAAW,MAAM,kBAAkB;AACnC,cAAY;;;AAIhB,IAAA,sBAAe;CACb;CACA;CACA;CACD"}

package/lib/loading-bar/loading-bar.js

@@ -1,21 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = 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 require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/loading-bar/loading-bar.tsx
 const LoadingBar = (props) => {
-    const { didMount, className, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('loading-bar', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    (0, react_1.useEffect)(() => {
-        didMount && didMount();
-    }, [didMount]);
-    return ((0, jsx_runtime_1.jsx)("div", { ...otherProps, className: cls, role: "progressbar", children: (0, jsx_runtime_1.jsx)("div", { id: "ty-loading-bar", className: `${prefixCls}__inner` }) }));
+	const { didMount, className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("loading-bar", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	(0, react.useEffect)(() => {
+		didMount && didMount();
+	}, [didMount]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className: cls,
+		role: "progressbar",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			id: "ty-loading-bar",
+			className: `${prefixCls}__inner`
+		})
+	});
 };
-LoadingBar.displayName = 'LoadingBar';
+LoadingBar.displayName = "LoadingBar";
+//#endregion
 exports.default = LoadingBar;
+
 //# sourceMappingURL=loading-bar.js.map

package/lib/loading-bar/loading-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-bar.js","sourceRoot":"","sources":["../../components/loading-bar/loading-bar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AACrD,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAGjD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAsB,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,aAAa,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,mCAAS,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,aAAa,YACrD,gCAAK,EAAE,EAAC,gBAAgB,EAAC,SAAS,EAAE,GAAG,SAAS,SAAS,GAAI,GACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"loading-bar.js","names":["getPrefixCls","ConfigContext"],"sources":["../../components/loading-bar/loading-bar.tsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { LoadingBarProps } from './types';\n\nconst LoadingBar = (props: LoadingBarProps): React.ReactElement => {\n  const { didMount, className, prefixCls: customisedCls, ...otherProps } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('loading-bar', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  useEffect(() => {\n    didMount && didMount();\n  }, [didMount]);\n\n  return (\n    <div {...otherProps} className={cls} role=\"progressbar\">\n      <div id=\"ty-loading-bar\" className={`${prefixCls}__inner`} />\n    </div>\n  );\n};\n\nLoadingBar.displayName = 'LoadingBar';\n\nexport default LoadingBar;\n"],"mappings":";;;;;;;;;AAMA,MAAM,cAAc,UAA+C;CACjE,MAAM,EAAE,UAAU,WAAW,WAAW,eAAe,GAAG,eAAe;CAEzE,MAAM,YAAYA,gBAAAA,aAAa,gBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACa,WAAW,cAAc;CACrF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;AAE5C,EAAA,GAAA,MAAA,iBAAgB;AACd,cAAY,UAAU;IACrB,CAAC,SAAS,CAAC;AAEd,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAY,WAAW;EAAK,MAAK;YACxC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,IAAG;GAAiB,WAAW,GAAG,UAAU;GAAY,CAAA;EACzD,CAAA;;AAIV,WAAW,cAAc"}

package/lib/loading-bar/style/index.css

@@ -0,0 +1,14 @@
+.ty-loading-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+}
+.ty-loading-bar__inner {
+  height: 3px;
+  width: 0;
+  opacity: 1;
+  transition: opacity 400ms;
+  background-color: var(--ty-color-primary);
+}

package/lib/loading-bar/style/index.d.ts

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

package/lib/loading-bar/style/index.js

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

package/lib/locale/en_US.d.ts

@@ -1,3 +1,7 @@
-import { Locale } from './types';
+import { Locale } from "./types.js";
+
+//#region components/locale/en_US.d.ts
 declare const en_US: Locale;
-export default en_US;
+//#endregion
+export { en_US };
+//# sourceMappingURL=en_US.d.ts.map