@tiny-design/react 1.0.4

package/lib/loader/style/_index.scss

@@ -0,0 +1,142 @@
+@use '../../style/variables' as *;
+@use '../../style/mixins' as *;
+
+.#{$prefix}-loader {
+  font-family: $font-family;
+  position: relative;
+  display: inline-block;
+  color: var(--ty-color-primary);
+
+  &__indicator {
+    position: relative;
+    display: inline-block;
+    font-size: 20px;
+    width: 1em;
+    height: 1em;
+    margin: 5px;
+    animation: ty-rotate 1s linear infinite;
+  }
+
+  &__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;
+
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+      animation-delay: .4s;
+    }
+
+    &:nth-child(3) {
+      right: 0;
+      bottom: 0;
+      animation-delay: .8s;
+    }
+
+    &:nth-child(4) {
+      bottom: 0;
+      left: 0;
+      animation-delay: 1.2s;
+    }
+  }
+
+  &__label {
+    margin: 5px 0;
+    font-family: $font-family;
+    user-select: none;
+    opacity: 0.8;
+    font-size: 16px;
+  }
+
+  &_md {
+    .#{$prefix}-loader{
+      &__indicator{
+        font-size: 20px;
+      }
+
+      &__indicator-dot {
+        width: 9px;
+        height: 9px;
+      }
+    }
+  }
+
+  &_lg {
+    .#{$prefix}-loader{
+      &__indicator{
+        font-size: 32px;
+      }
+
+      &__indicator-dot {
+        width: 14px;
+        height: 14px;
+      }
+    }
+  }
+
+  &_sm {
+    .#{$prefix}-loader{
+      &__indicator{
+        font-size: 14px;
+      }
+
+      &__indicator-dot {
+        width: 6px;
+        height: 6px;
+      }
+    }
+  }
+
+  &__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);
+
+    &:not(:last-child) {
+      position: absolute;
+    }
+
+    &_vertical {
+      flex-direction: column;
+    }
+  }
+
+  &__container {
+    &_loading {
+      opacity: 0.5;
+    }
+
+    &_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.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

@@ -0,0 +1 @@
+export { };

package/lib/loader/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/loader/types.d.ts

@@ -0,0 +1,21 @@
+import { BaseProps, SizeType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region src/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

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

package/lib/loading-bar/index.js

@@ -0,0 +1,81 @@
+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 src/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;
+};
+const move = () => {
+	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.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);
+};
+const start = () => {
+	if (!outerDiv) {
+		reset();
+		createComponent();
+	}
+};
+const succeed = () => {
+	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();
+	}
+};
+var loading_bar_default = {
+	start,
+	succeed,
+	fail
+};
+//#endregion
+exports.default = loading_bar_default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","LoadingBar"],"sources":["../../src/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

@@ -0,0 +1,31 @@
+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 src/loading-bar/loading-bar.tsx
+const LoadingBar = (props) => {
+	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";
+//#endregion
+exports.default = LoadingBar;
+
+//# sourceMappingURL=loading-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-bar.js","names":["getPrefixCls","ConfigContext"],"sources":["../../src/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.scss

@@ -0,0 +1,17 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-loading-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+
+  &__inner {
+    height: 3px;
+    width: 0;
+    opacity: 1;
+    transition: opacity 400ms;
+    background-color: var(--ty-color-primary);
+  }
+}

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+require("./index.css");

package/lib/locale/en_US.d.ts

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

package/lib/locale/en_US.js

@@ -0,0 +1,64 @@
+//#region src/locale/en_US.ts
+const en_US = {
+	locale: "en_US",
+	DatePicker: {
+		weeks: [
+			"Su",
+			"Mo",
+			"Tu",
+			"We",
+			"Th",
+			"Fr",
+			"Sa"
+		],
+		months: [
+			"Jan",
+			"Feb",
+			"Mar",
+			"Apr",
+			"May",
+			"Jun",
+			"Jul",
+			"Aug",
+			"Sep",
+			"Oct",
+			"Nov",
+			"Dec"
+		],
+		today: "Today",
+		selectDate: "Select date",
+		selectMonth: "Select month",
+		selectYear: "Select year"
+	},
+	TimePicker: {
+		selectTime: "Select time",
+		now: "Now",
+		okText: "OK"
+	},
+	Modal: {
+		okText: "OK",
+		cancelText: "Cancel"
+	},
+	PopConfirm: {
+		okText: "Yes",
+		cancelText: "No"
+	},
+	Empty: { description: "No Data" },
+	Table: {
+		sortAscend: "Sort ascending",
+		sortDescend: "Sort descending",
+		cancelSort: "Cancel sort",
+		selectAll: "Select all",
+		selectNone: "Select none",
+		emptyText: "No Data"
+	},
+	ColorPicker: {
+		hex: "HEX",
+		rgb: "RGB",
+		hsb: "HSB"
+	}
+};
+//#endregion
+exports.default = en_US;
+
+//# sourceMappingURL=en_US.js.map

package/lib/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en_US.js","names":[],"sources":["../../src/locale/en_US.ts"],"sourcesContent":["import { Locale } from './types';\n\nconst en_US: Locale = {\n  locale: 'en_US',\n  DatePicker: {\n    weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],\n    months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n    today: 'Today',\n    selectDate: 'Select date',\n    selectMonth: 'Select month',\n    selectYear: 'Select year',\n  },\n  TimePicker: {\n    selectTime: 'Select time',\n    now: 'Now',\n    okText: 'OK',\n  },\n  Modal: {\n    okText: 'OK',\n    cancelText: 'Cancel',\n  },\n  PopConfirm: {\n    okText: 'Yes',\n    cancelText: 'No',\n  },\n  Empty: {\n    description: 'No Data',\n  },\n  Table: {\n    sortAscend: 'Sort ascending',\n    sortDescend: 'Sort descending',\n    cancelSort: 'Cancel sort',\n    selectAll: 'Select all',\n    selectNone: 'Select none',\n    emptyText: 'No Data',\n  },\n  ColorPicker: {\n    hex: 'HEX',\n    rgb: 'RGB',\n    hsb: 'HSB',\n  },\n};\n\nexport default en_US;\n"],"mappings":";AAEA,MAAM,QAAgB;CACpB,QAAQ;CACR,YAAY;EACV,OAAO;GAAC;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAK;EACjD,QAAQ;GAAC;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAO;GAAM;EAC5F,OAAO;EACP,YAAY;EACZ,aAAa;EACb,YAAY;EACb;CACD,YAAY;EACV,YAAY;EACZ,KAAK;EACL,QAAQ;EACT;CACD,OAAO;EACL,QAAQ;EACR,YAAY;EACb;CACD,YAAY;EACV,QAAQ;EACR,YAAY;EACb;CACD,OAAO,EACL,aAAa,WACd;CACD,OAAO;EACL,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,WAAW;EACZ;CACD,aAAa;EACX,KAAK;EACL,KAAK;EACL,KAAK;EACN;CACF"}

package/lib/locale/types.d.ts

@@ -0,0 +1,44 @@
+//#region src/locale/types.d.ts
+type Locale = {
+  locale: string;
+  DatePicker: {
+    weeks: string[];
+    months: string[];
+    today: string;
+    selectDate: string;
+    selectMonth: string;
+    selectYear: string;
+  };
+  TimePicker: {
+    selectTime: string;
+    now: string;
+    okText: string;
+  };
+  Modal: {
+    okText: string;
+    cancelText: string;
+  };
+  PopConfirm: {
+    okText: string;
+    cancelText: string;
+  };
+  Empty: {
+    description: string;
+  };
+  Table: {
+    sortAscend: string;
+    sortDescend: string;
+    cancelSort: string;
+    selectAll: string;
+    selectNone: string;
+    emptyText: string;
+  };
+  ColorPicker: {
+    hex: string;
+    rgb: string;
+    hsb: string;
+  };
+};
+//#endregion
+export { Locale };
+//# sourceMappingURL=types.d.ts.map

package/lib/locale/zh_CN.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from "./types.js";
+
+//#region src/locale/zh_CN.d.ts
+declare const zh_CN: Locale;
+//#endregion
+export { zh_CN };
+//# sourceMappingURL=zh_CN.d.ts.map

package/lib/locale/zh_CN.js

@@ -0,0 +1,64 @@
+//#region src/locale/zh_CN.ts
+const zh_CN = {
+	locale: "zh_CN",
+	DatePicker: {
+		weeks: [
+			"日",
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六"
+		],
+		months: [
+			"1月",
+			"2月",
+			"3月",
+			"4月",
+			"5月",
+			"6月",
+			"7月",
+			"8月",
+			"9月",
+			"10月",
+			"11月",
+			"12月"
+		],
+		today: "今天",
+		selectDate: "请选择日期",
+		selectMonth: "请选择月份",
+		selectYear: "请选择年份"
+	},
+	TimePicker: {
+		selectTime: "请选择时间",
+		now: "此刻",
+		okText: "确定"
+	},
+	Modal: {
+		okText: "确定",
+		cancelText: "取消"
+	},
+	PopConfirm: {
+		okText: "确定",
+		cancelText: "取消"
+	},
+	Empty: { description: "暂无数据" },
+	Table: {
+		sortAscend: "升序排列",
+		sortDescend: "降序排列",
+		cancelSort: "取消排序",
+		selectAll: "全选",
+		selectNone: "取消全选",
+		emptyText: "暂无数据"
+	},
+	ColorPicker: {
+		hex: "HEX",
+		rgb: "RGB",
+		hsb: "HSB"
+	}
+};
+//#endregion
+exports.default = zh_CN;
+
+//# sourceMappingURL=zh_CN.js.map

package/lib/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh_CN.js","names":[],"sources":["../../src/locale/zh_CN.ts"],"sourcesContent":["import { Locale } from './types';\n\nconst zh_CN: Locale = {\n  locale: 'zh_CN',\n  DatePicker: {\n    weeks: ['日', '一', '二', '三', '四', '五', '六'],\n    months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],\n    today: '今天',\n    selectDate: '请选择日期',\n    selectMonth: '请选择月份',\n    selectYear: '请选择年份',\n  },\n  TimePicker: {\n    selectTime: '请选择时间',\n    now: '此刻',\n    okText: '确定',\n  },\n  Modal: {\n    okText: '确定',\n    cancelText: '取消',\n  },\n  PopConfirm: {\n    okText: '确定',\n    cancelText: '取消',\n  },\n  Empty: {\n    description: '暂无数据',\n  },\n  Table: {\n    sortAscend: '升序排列',\n    sortDescend: '降序排列',\n    cancelSort: '取消排序',\n    selectAll: '全选',\n    selectNone: '取消全选',\n    emptyText: '暂无数据',\n  },\n  ColorPicker: {\n    hex: 'HEX',\n    rgb: 'RGB',\n    hsb: 'HSB',\n  },\n};\n\nexport default zh_CN;\n"],"mappings":";AAEA,MAAM,QAAgB;CACpB,QAAQ;CACR,YAAY;EACV,OAAO;GAAC;GAAK;GAAK;GAAK;GAAK;GAAK;GAAK;GAAI;EAC1C,QAAQ;GAAC;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAM;GAAO;GAAO;GAAM;EACnF,OAAO;EACP,YAAY;EACZ,aAAa;EACb,YAAY;EACb;CACD,YAAY;EACV,YAAY;EACZ,KAAK;EACL,QAAQ;EACT;CACD,OAAO;EACL,QAAQ;EACR,YAAY;EACb;CACD,YAAY;EACV,QAAQ;EACR,YAAY;EACb;CACD,OAAO,EACL,aAAa,QACd;CACD,OAAO;EACL,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,WAAW;EACZ;CACD,aAAa;EACX,KAAK;EACL,KAAK;EACL,KAAK;EACN;CACF"}