@vef-framework/components 1.0.135 → 2.0.1

package/dist/es/tree/hooks/use-data-options-tree.js

@@ -0,0 +1,72 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { useDataOptionsQuery } from '@vef-framework/hooks';
+import { isString, filterTreeWithAncestors } from '@vef-framework/shared';
+import { useState, useMemo, useEffectEvent, useEffect } from 'react';
+
+const fieldNames = {
+  title: "label",
+  key: "value",
+  children: "children"
+};
+function useDataOptionsTree({
+  onFetch,
+  ...queryOptions
+}) {
+  const {
+    options,
+    isFetching,
+    promise
+  } = useDataOptionsQuery({
+    ...queryOptions,
+    withPinyin: true
+  });
+  const [searchValue, setSearchValue] = useState("");
+  const filterTreeNode = useMemo(() => {
+    if (!searchValue) {
+      return;
+    }
+    return (node) => {
+      const {
+        label,
+        labelPinyin,
+        labelPinyinInitials,
+        description,
+        descriptionPinyin,
+        descriptionPinyinInitials
+      } = node;
+      return isString(label) && label.includes(searchValue) || isString(labelPinyin) && labelPinyin.includes(searchValue) || isString(labelPinyinInitials) && labelPinyinInitials.includes(searchValue) || isString(description) && description.includes(searchValue) || isString(descriptionPinyin) && descriptionPinyin.includes(searchValue) || isString(descriptionPinyinInitials) && descriptionPinyinInitials.includes(searchValue);
+    };
+  }, [searchValue]);
+  const treeData = useMemo(() => {
+    if (!filterTreeNode) {
+      return options;
+    }
+    return filterTreeWithAncestors(options, (node) => filterTreeNode(node));
+  }, [filterTreeNode, options]);
+  const treeProps = useMemo(() => {
+    return {
+      treeData,
+      fieldNames,
+      showLine: {
+        showLeafIcon: false
+      },
+      autoExpandParent: true,
+      blockNode: true,
+      filterTreeNode
+    };
+  }, [filterTreeNode, treeData]);
+  const onFetchFn = useEffectEvent((data) => {
+    onFetch?.(data);
+  });
+  useEffect(() => {
+    promise.then(onFetchFn);
+  }, [promise]);
+  return {
+    treeProps,
+    isFetching,
+    searchValue,
+    setSearchValue
+  };
+}
+
+export { useDataOptionsTree };

package/dist/es/tree/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import './hooks/index.js';
+export { Tree } from 'antd';

package/dist/es/tree-select/hooks/index.js

@@ -0,0 +1,2 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+export { useDataOptionsTreeSelect } from './use-data-options-tree-select.js';

package/dist/es/tree-select/hooks/use-data-options-tree-select.js

@@ -0,0 +1,66 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useDataOptionsQuery } from '@vef-framework/hooks';
+import { isString } from '@vef-framework/shared';
+import { useMemo, useEffectEvent, useEffect } from 'react';
+import { Loader } from '../../loader/index.js';
+
+const fieldNames = {
+  label: "label",
+  value: "value",
+  children: "children"
+};
+const listHeight = 280;
+const loadingPlaceholder = /* @__PURE__ */ jsx("div", { css: /* @__PURE__ */ css({
+  height: listHeight / 2
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9jb21wb25lbnRzL3NyYy90cmVlLXNlbGVjdC9ob29rcy91c2UtZGF0YS1vcHRpb25zLXRyZWUtc2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ08iLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL2NvbXBvbmVudHMvc3JjL3RyZWUtc2VsZWN0L2hvb2tzL3VzZS1kYXRhLW9wdGlvbnMtdHJlZS1zZWxlY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEYXRhT3B0aW9uV2l0aFBpbnlpbiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb3JlXCI7XG5pbXBvcnQgdHlwZSB7IFVzZURhdGFPcHRpb25zUXVlcnlPcHRpb25zIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2hvb2tzXCI7XG5pbXBvcnQgdHlwZSB7IEtleSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcblxuaW1wb3J0IHR5cGUgeyBUcmVlU2VsZWN0UHJvcHMgfSBmcm9tIFwiLi5cIjtcbmltcG9ydCB0eXBlIHsgR2V0UHJvcCB9IGZyb20gXCIuLi8uLi9fYmFzZVwiO1xuXG5pbXBvcnQgeyB1c2VEYXRhT3B0aW9uc1F1ZXJ5IH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2hvb2tzXCI7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlRWZmZWN0RXZlbnQsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgTG9hZGVyIH0gZnJvbSBcIi4uLy4uL2xvYWRlclwiO1xuXG5leHBvcnQgdHlwZSBVc2VEYXRhT3B0aW9uc1RyZWVTZWxlY3RPcHRpb25zPFxuICBUUXVlcnlGbkRhdGEgPSB1bmtub3duLFxuICBURGF0YSA9IFRRdWVyeUZuRGF0YSxcbiAgVFBhcmFtcyA9IG5ldmVyXG4+ID0gVXNlRGF0YU9wdGlvbnNRdWVyeU9wdGlvbnM8VFF1ZXJ5Rm5EYXRhLCBURGF0YSwgVFBhcmFtcz4gJiB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSB0cmVlIHNlbGVjdCBpcyBmaWx0ZXJhYmxlXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBmaWx0ZXJhYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIENhbGxiYWNrIGZ1bmN0aW9uIGludm9rZWQgYWZ0ZXIgZGF0YSBpcyBmZXRjaGVkXG4gICAqL1xuICBvbkZldGNoPzogKGRhdGE6IFREYXRhW10pID0+IHZvaWQ7XG59O1xuXG5jb25zdCBmaWVsZE5hbWVzOiBHZXRQcm9wPFRyZWVTZWxlY3RQcm9wcywgXCJmaWVsZE5hbWVzXCI+ID0ge1xuICBsYWJlbDogXCJsYWJlbFwiLFxuICB2YWx1ZTogXCJ2YWx1ZVwiLFxuICBjaGlsZHJlbjogXCJjaGlsZHJlblwiXG59O1xuXG4vKipcbiAqIFRoZSBoZWlnaHQgb2YgdGhlIHRyZWUgc2VsZWN0IGRyb3Bkb3duIGxpc3QuXG4gKi9cbmNvbnN0IGxpc3RIZWlnaHQgPSAyODA7XG4vKipcbiAqIFRoZSBsb2FkaW5nIHBsYWNlaG9sZGVyIG9mIHRoZSB0cmVlIHNlbGVjdC5cbiAqL1xuY29uc3QgbG9hZGluZ1BsYWNlaG9sZGVyID0gKFxuICA8ZGl2IGNzcz17eyBoZWlnaHQ6IGxpc3RIZWlnaHQgLyAyIH19PlxuICAgIDxMb2FkZXIgLz5cbiAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlRGF0YU9wdGlvbnNUcmVlU2VsZWN0PFxuICBUUXVlcnlGbkRhdGEgPSB1bmtub3duLFxuICBURGF0YSA9IFRRdWVyeUZuRGF0YSxcbiAgVFBhcmFtcyA9IG5ldmVyXG4+KHtcbiAgZmlsdGVyYWJsZSA9IGZhbHNlLFxuICBvbkZldGNoLFxuICAuLi5xdWVyeU9wdGlvbnNcbn06IFVzZURhdGFPcHRpb25zVHJlZVNlbGVjdE9wdGlvbnM8VFF1ZXJ5Rm5EYXRhLCBURGF0YSwgVFBhcmFtcz4pIHtcbiAgY29uc3Qge1xuICAgIG9wdGlvbnMsXG4gICAgaXNGZXRjaGluZyxcbiAgICBwcm9taXNlXG4gIH0gPSB1c2VEYXRhT3B0aW9uc1F1ZXJ5KHtcbiAgICAuLi5xdWVyeU9wdGlvbnMsXG4gICAgd2l0aFBpbnlpbjogdHJ1ZVxuICB9KTtcblxuICBjb25zdCB0cmVlU2VsZWN0UHJvcHMgPSB1c2VNZW1vPFRyZWVTZWxlY3RQcm9wczxLZXksIERhdGFPcHRpb25XaXRoUGlueWluPFREYXRhPj4+KCgpID0+IHtcbiAgICByZXR1cm4ge1xuICAgICAgdHJlZURhdGE6IG9wdGlvbnMsXG4gICAgICBsb2FkaW5nOiBpc0ZldGNoaW5nLFxuICAgICAgZmllbGROYW1lcyxcbiAgICAgIG1heFRhZ0NvdW50OiBcInJlc3BvbnNpdmVcIixcbiAgICAgIGxpc3RIZWlnaHQsXG4gICAgICBub3RGb3VuZENvbnRlbnQ6IGlzRmV0Y2hpbmcgPyBsb2FkaW5nUGxhY2Vob2xkZXIgOiB1bmRlZmluZWQsXG4gICAgICBmaWx0ZXJUcmVlTm9kZTogZmlsdGVyYWJsZSAmJiBmaWx0ZXJUcmVlTm9kZSxcbiAgICAgIHRyZWVOb2RlRmlsdGVyUHJvcDogXCJsYWJlbFBpbnlpbkluaXRpYWxzXCIsXG4gICAgICB0cmVlTm9kZUxhYmVsUHJvcDogXCJsYWJlbFwiLFxuICAgICAgc2hvd1NlYXJjaDogZmlsdGVyYWJsZSxcbiAgICAgIHRyZWVMaW5lOiB7XG4gICAgICAgIHNob3dMZWFmSWNvbjogZmFsc2VcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbaXNGZXRjaGluZywgb3B0aW9ucywgZmlsdGVyYWJsZV0pO1xuXG4gIGNvbnN0IG9uRmV0Y2hGbiA9IHVzZUVmZmVjdEV2ZW50KChkYXRhOiBURGF0YVtdKSA9PiB7XG4gICAgb25GZXRjaD8uKGRhdGEpO1xuICB9KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHByb21pc2UudGhlbihvbkZldGNoRm4pO1xuICB9LCBbcHJvbWlzZV0pO1xuXG4gIHJldHVybiB0cmVlU2VsZWN0UHJvcHM7XG59XG5cbmZ1bmN0aW9uIGZpbHRlclRyZWVOb2RlKGlucHV0OiBzdHJpbmcsIG5vZGU6IFBhcmFtZXRlcnM8RXhjbHVkZTxHZXRQcm9wPFRyZWVTZWxlY3RQcm9wcywgXCJmaWx0ZXJUcmVlTm9kZVwiPiwgYm9vbGVhbj4+WzFdKSB7XG4gIGNvbnN0IGxhYmVsID0gUmVmbGVjdC5nZXQobm9kZSwgXCJsYWJlbFwiKTtcbiAgY29uc3QgbGFiZWxQaW55aW4gPSBSZWZsZWN0LmdldChub2RlLCBcImxhYmVsUGlueWluXCIpO1xuICBjb25zdCBsYWJlbFBpbnlpbkluaXRpYWxzID0gUmVmbGVjdC5nZXQobm9kZSwgXCJsYWJlbFBpbnlpbkluaXRpYWxzXCIpO1xuICBjb25zdCBkZXNjcmlwdGlvbiA9IFJlZmxlY3QuZ2V0KG5vZGUsIFwiZGVzY3JpcHRpb25cIik7XG4gIGNvbnN0IGRlc2NyaXB0aW9uUGlueWluID0gUmVmbGVjdC5nZXQobm9kZSwgXCJkZXNjcmlwdGlvblBpbnlpblwiKTtcbiAgY29uc3QgZGVzY3JpcHRpb25QaW55aW5Jbml0aWFscyA9IFJlZmxlY3QuZ2V0KG5vZGUsIFwiZGVzY3JpcHRpb25QaW55aW5Jbml0aWFsc1wiKTtcblxuICByZXR1cm4gKGlzU3RyaW5nKGxhYmVsKSAmJiBsYWJlbC5pbmNsdWRlcyhpbnB1dCkpXG4gICAgfHwgKGlzU3RyaW5nKGxhYmVsUGlueWluKSAmJiBsYWJlbFBpbnlpbi5pbmNsdWRlcyhpbnB1dCkpXG4gICAgfHwgKGlzU3RyaW5nKGxhYmVsUGlueWluSW5pdGlhbHMpICYmIGxhYmVsUGlueWluSW5pdGlhbHMuaW5jbHVkZXMoaW5wdXQpKVxuICAgIHx8IChpc1N0cmluZyhkZXNjcmlwdGlvbikgJiYgZGVzY3JpcHRpb24uaW5jbHVkZXMoaW5wdXQpKVxuICAgIHx8IChpc1N0cmluZyhkZXNjcmlwdGlvblBpbnlpbikgJiYgZGVzY3JpcHRpb25QaW55aW4uaW5jbHVkZXMoaW5wdXQpKVxuICAgIHx8IChpc1N0cmluZyhkZXNjcmlwdGlvblBpbnlpbkluaXRpYWxzKSAmJiBkZXNjcmlwdGlvblBpbnlpbkluaXRpYWxzLmluY2x1ZGVzKGlucHV0KSk7XG59XG4iXX0= */"), children: /* @__PURE__ */ jsx(Loader, {}) });
+function useDataOptionsTreeSelect({
+  filterable = false,
+  onFetch,
+  ...queryOptions
+}) {
+  const {
+    options,
+    isFetching,
+    promise
+  } = useDataOptionsQuery({
+    ...queryOptions,
+    withPinyin: true
+  });
+  const treeSelectProps = useMemo(() => {
+    return {
+      treeData: options,
+      loading: isFetching,
+      fieldNames,
+      maxTagCount: "responsive",
+      listHeight,
+      notFoundContent: isFetching ? loadingPlaceholder : void 0,
+      filterTreeNode: filterable && filterTreeNode,
+      treeNodeFilterProp: "labelPinyinInitials",
+      treeNodeLabelProp: "label",
+      showSearch: filterable,
+      treeLine: {
+        showLeafIcon: false
+      }
+    };
+  }, [isFetching, options, filterable]);
+  const onFetchFn = useEffectEvent((data) => {
+    onFetch?.(data);
+  });
+  useEffect(() => {
+    promise.then(onFetchFn);
+  }, [promise]);
+  return treeSelectProps;
+}
+function filterTreeNode(input, node) {
+  const label = Reflect.get(node, "label");
+  const labelPinyin = Reflect.get(node, "labelPinyin");
+  const labelPinyinInitials = Reflect.get(node, "labelPinyinInitials");
+  const description = Reflect.get(node, "description");
+  const descriptionPinyin = Reflect.get(node, "descriptionPinyin");
+  const descriptionPinyinInitials = Reflect.get(node, "descriptionPinyinInitials");
+  return isString(label) && label.includes(input) || isString(labelPinyin) && labelPinyin.includes(input) || isString(labelPinyinInitials) && labelPinyinInitials.includes(input) || isString(description) && description.includes(input) || isString(descriptionPinyin) && descriptionPinyin.includes(input) || isString(descriptionPinyinInitials) && descriptionPinyinInitials.includes(input);
+}
+
+export { useDataOptionsTreeSelect };

package/dist/es/tree-select/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import './hooks/index.js';
+export { TreeSelect } from 'antd';

package/dist/es/typing-animation/index.js

@@ -0,0 +1,57 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useInView, motion } from '@vef-framework/core';
+import { useState, useRef, useEffect, Children } from 'react';
+import './props.js';
+
+function TypingAnimation({
+  children,
+  duration = 100,
+  delay = 0,
+  startOnView = false,
+  ...props
+}) {
+  const [displayedText, setDisplayedText] = useState("");
+  const [started, setStarted] = useState(false);
+  const elementRef = useRef(null);
+  const isInView = useInView(elementRef, {
+    amount: 0.3,
+    once: true
+  });
+  useEffect(() => {
+    if (!startOnView) {
+      const startTimeout2 = setTimeout(() => {
+        setStarted(true);
+      }, delay);
+      return () => clearTimeout(startTimeout2);
+    }
+    if (!isInView) {
+      return;
+    }
+    const startTimeout = setTimeout(() => {
+      setStarted(true);
+    }, delay);
+    return () => clearTimeout(startTimeout);
+  }, [delay, startOnView, isInView]);
+  useEffect(() => {
+    if (!started) {
+      return;
+    }
+    const graphemes = [...Children.toArray(children).join("")];
+    let index = 0;
+    const typingEffect = setInterval(() => {
+      if (index < graphemes.length) {
+        setDisplayedText(graphemes.slice(0, index + 1).join(""));
+        index++;
+      } else {
+        clearInterval(typingEffect);
+      }
+    }, duration);
+    return () => {
+      clearInterval(typingEffect);
+    };
+  }, [children, duration, started]);
+  return /* @__PURE__ */ jsx(motion.div, { ref: elementRef, ...props, children: displayedText });
+}
+
+export { TypingAnimation };

package/dist/es/typing-animation/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */

package/dist/es/typography/index.js

@@ -0,0 +1,15 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { Typography } from 'antd';
+import 'antd/es/typography/Link';
+import 'antd/es/typography/Paragraph';
+import 'antd/es/typography/Text';
+import 'antd/es/typography/Title';
+
+const {
+  Text,
+  Link,
+  Title,
+  Paragraph
+} = Typography;
+
+export { Link, Paragraph, Text, Title };

package/dist/es/upload/index.js

@@ -0,0 +1,79 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { Button, Upload as Upload$1, Image } from 'antd';
+import ImageCropper from 'antd-img-crop';
+import { PlusIcon, UploadIcon } from 'lucide-react';
+import { useMemo, useState, useCallback } from 'react';
+import '../_base/index.js';
+import '../button/index.js';
+import { Icon } from '../icon/index.js';
+import '../image/index.js';
+import './props.js';
+import { mergeProps } from '../_base/helpers/props.js';
+
+const DEFAULT_CROPPER_CONFIG = {
+  showReset: true,
+  rotationSlider: true,
+  zoomSlider: true
+};
+async function getFileBase64(file) {
+  return await new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.addEventListener("load", () => resolve(reader.result));
+    reader.addEventListener("error", (error) => reject(error));
+  });
+}
+function Upload({
+  enableCrop = false,
+  cropperProps,
+  listType,
+  fileList,
+  defaultFileList,
+  maxCount,
+  pastable = true,
+  onPreview,
+  children,
+  ...props
+}) {
+  const isPictureCardOrCircle = listType === "picture-card" || listType === "picture-circle";
+  const hasReachedMaxCount = (fileList || defaultFileList || []).length >= (maxCount || Infinity);
+  const uploadButton = useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (isPictureCardOrCircle) {
+      return /* @__PURE__ */ jsx(Icon, { component: PlusIcon });
+    }
+    return /* @__PURE__ */ jsx(Button, { disabled: hasReachedMaxCount, icon: /* @__PURE__ */ jsx(Icon, { component: UploadIcon }), type: "primary", children: "上传" });
+  }, [children, isPictureCardOrCircle, hasReachedMaxCount]);
+  const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+  const [previewImage, setPreviewImage] = useState("");
+  const handlePreview = useCallback(async (file) => {
+    let preview = file.url;
+    if (!preview && file.originFileObj) {
+      preview = await getFileBase64(file.originFileObj);
+    }
+    setPreviewImage(preview);
+    setIsPreviewOpen(true);
+  }, []);
+  const shouldShowUploadButton = !isPictureCardOrCircle || !hasReachedMaxCount;
+  const uploadElement = /* @__PURE__ */ jsx(Upload$1, { ...props, defaultFileList, fileList, listType, maxCount, pastable, onPreview: onPreview || handlePreview, children: shouldShowUploadButton && uploadButton });
+  const mergedCropperProps = useMemo(() => mergeProps(cropperProps ?? {}, DEFAULT_CROPPER_CONFIG), [cropperProps]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    enableCrop ? /* @__PURE__ */ jsx(ImageCropper, { ...mergedCropperProps, children: uploadElement }) : uploadElement,
+    previewImage && /* @__PURE__ */ jsx(Image, { src: previewImage, wrapperStyle: {
+      display: "none"
+    }, preview: {
+      visible: isPreviewOpen,
+      onVisibleChange: (visible) => setIsPreviewOpen(visible),
+      afterOpenChange: (visible) => {
+        if (!visible) {
+          setPreviewImage("");
+        }
+      }
+    } })
+  ] });
+}
+
+export { Upload };

package/dist/es/upload/props.js

@@ -0,0 +1 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */

package/dist/es/watermark/index.js

@@ -0,0 +1,2 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+export { Watermark } from 'antd';

package/dist/types/_base/constants/breakpoints.d.ts

@@ -0,0 +1,9 @@
+export declare const breakpoints: Readonly<{
+    readonly xxs: "0em";
+    readonly xs: "36em";
+    readonly sm: "48em";
+    readonly md: "62em";
+    readonly lg: "75em";
+    readonly xl: "88em";
+    readonly xxl: "100em";
+}>;

package/dist/types/_base/constants/common.d.ts

@@ -0,0 +1,39 @@
+import { ReactElement } from 'react';
+import { Color, SemanticScene } from '../types';
+/**
+ * The preset colors
+ */
+export declare const presetColors: readonly ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
+/**
+ * The semantic scenes
+ */
+export declare const semanticScenes: readonly ["success", "info", "warning", "error"];
+/**
+ * The semantic labels
+ */
+export declare const semanticSceneLabels: {
+    readonly success: "成功";
+    readonly info: "提示";
+    readonly warning: "警告";
+    readonly error: "错误";
+};
+/**
+ * The semantic scene icons
+ */
+export declare const semanticSceneIcons: Record<SemanticScene, ReactElement>;
+/**
+ * The semantic colors
+ */
+export declare const semanticColors: readonly ["primary", "success", "info", "warning", "error"];
+/**
+ * The colors
+ */
+export declare const colors: Color[];
+/**
+ * The sizes
+ */
+export declare const sizes: readonly ["small", "medium", "large"];
+/**
+ * The full sizes
+ */
+export declare const fullSizes: readonly ["extra-small", "small", "medium", "large", "extra-large"];