@vef-framework/components 1.0.135 → 2.0.0

package/dist/cjs/split-text/index.cjs

@@ -0,0 +1,212 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('@gsap/react');
+const core = require('@vef-framework/core');
+const gsap = require('gsap');
+const ScrollTrigger = require('gsap/ScrollTrigger');
+const SplitText$1 = require('gsap/SplitText');
+const react$1 = require('react');
+require('./props.cjs');
+
+const ROOT_MARGIN_REGEX = /^(?<value>-?\d+(?:\.\d+)?)(?<unit>px|em|rem|%)?$/;
+function parseRootMargin(margin) {
+  const trimmedMargin = margin.trim();
+  const match = ROOT_MARGIN_REGEX.exec(trimmedMargin);
+  if (!match?.groups?.value) {
+    return {
+      value: 0,
+      unit: "px"
+    };
+  }
+  return {
+    value: Number.parseFloat(match.groups.value),
+    unit: match.groups.unit ?? "px"
+  };
+}
+function normalizeSplitModes(splitType) {
+  if (!splitType) {
+    return ["chars"];
+  }
+  const candidates = splitType.split(",").map((mode) => mode.trim());
+  const validModes = candidates.filter((mode) => mode === "chars" || mode === "words" || mode === "lines");
+  return validModes.length > 0 ? validModes : ["chars"];
+}
+function selectSplitTargets(splitInstance, preferredModes) {
+  for (const mode of preferredModes) {
+    if (mode === "chars" && splitInstance.chars.length > 0) {
+      return splitInstance.chars;
+    }
+    if (mode === "words" && splitInstance.words.length > 0) {
+      return splitInstance.words;
+    }
+    if (mode === "lines" && splitInstance.lines.length > 0) {
+      return splitInstance.lines;
+    }
+  }
+  if (splitInstance.chars.length > 0) {
+    return splitInstance.chars;
+  }
+  if (splitInstance.words.length > 0) {
+    return splitInstance.words;
+  }
+  return splitInstance.lines;
+}
+gsap.gsap.registerPlugin(ScrollTrigger.ScrollTrigger, SplitText$1.SplitText, react.useGSAP);
+const SplitText = ({
+  text,
+  className,
+  delay = 100,
+  duration = 0.6,
+  ease = "power3.out",
+  splitType = "chars",
+  from = {
+    opacity: 0,
+    y: 40
+  },
+  to = {
+    opacity: 1,
+    y: 0
+  },
+  threshold = 0.1,
+  rootMargin = "-100px",
+  textAlign = "center",
+  tag = "p",
+  onLetterAnimationComplete
+}) => {
+  const elementRef = react$1.useRef(null);
+  const [areFontsLoaded, setAreFontsLoaded] = react$1.useState(false);
+  react$1.useEffect(() => {
+    if (typeof document === "undefined" || !("fonts" in document)) {
+      setAreFontsLoaded(true);
+      return;
+    }
+    if (document.fonts.status === "loaded") {
+      setAreFontsLoaded(true);
+      return;
+    }
+    let isSubscribed = true;
+    document.fonts.ready.then(() => {
+      if (isSubscribed) {
+        setAreFontsLoaded(true);
+      }
+    }).catch(() => {
+      if (isSubscribed) {
+        setAreFontsLoaded(true);
+      }
+    });
+    return () => {
+      isSubscribed = false;
+    };
+  }, []);
+  react.useGSAP(() => {
+    if (!elementRef.current || !text || !areFontsLoaded) {
+      return;
+    }
+    const hostElement = elementRef.current;
+    if (hostElement.__splitTextInstance) {
+      try {
+        hostElement.__splitTextInstance.revert();
+      } catch {
+      }
+      hostElement.__splitTextInstance = void 0;
+    }
+    const preferredModes = normalizeSplitModes(splitType);
+    const {
+      value: rootMarginValue,
+      unit: rootMarginUnit
+    } = parseRootMargin(rootMargin);
+    const startPercentage = (1 - threshold) * 100;
+    const offsetSign = rootMarginValue === 0 ? "" : `${rootMarginValue < 0 ? "-=" : "+="}${Math.abs(rootMarginValue)}${rootMarginUnit}`;
+    const scrollTriggerStart = `top ${startPercentage}%${offsetSign}`;
+    const staggerDelaySeconds = delay / 1e3;
+    const splitInstance = new SplitText$1.SplitText(hostElement, {
+      type: splitType,
+      smartWrap: true,
+      autoSplit: splitType === "lines",
+      linesClass: "split-line",
+      wordsClass: "split-word",
+      charsClass: "split-char",
+      reduceWhiteSpace: false,
+      onSplit: (instance) => {
+        const targets = selectSplitTargets(instance, preferredModes);
+        return gsap.gsap.fromTo(targets, {
+          ...from
+        }, {
+          ...to,
+          duration,
+          ease,
+          stagger: staggerDelaySeconds,
+          scrollTrigger: {
+            trigger: hostElement,
+            start: scrollTriggerStart,
+            once: true,
+            fastScrollEnd: true,
+            anticipatePin: 0.4
+          },
+          onComplete: () => {
+            onLetterAnimationComplete?.();
+          },
+          willChange: "transform, opacity",
+          force3D: true
+        });
+      }
+    });
+    hostElement.__splitTextInstance = splitInstance;
+    return () => {
+      for (const trigger of ScrollTrigger.ScrollTrigger.getAll()) {
+        if (trigger.trigger === hostElement) {
+          trigger.kill();
+        }
+      }
+      try {
+        splitInstance.revert();
+      } catch {
+      }
+      hostElement.__splitTextInstance = void 0;
+    };
+  }, {
+    dependencies: [text, delay, duration, ease, splitType, JSON.stringify(from), JSON.stringify(to), threshold, rootMargin, areFontsLoaded, onLetterAnimationComplete],
+    scope: elementRef
+  });
+  const renderTag = () => {
+    const style = {
+      textAlign,
+      overflow: "hidden",
+      display: "inline-block",
+      whiteSpace: "normal",
+      wordWrap: "break-word",
+      willChange: "transform, opacity"
+    };
+    const classes = core.clsx("split-parent", className);
+    switch (tag) {
+      case "h1": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h1", { ref: elementRef, className: classes, style, children: text });
+      }
+      case "h2": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h2", { ref: elementRef, className: classes, style, children: text });
+      }
+      case "h3": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h3", { ref: elementRef, className: classes, style, children: text });
+      }
+      case "h4": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h4", { ref: elementRef, className: classes, style, children: text });
+      }
+      case "h5": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h5", { ref: elementRef, className: classes, style, children: text });
+      }
+      case "h6": {
+        return /* @__PURE__ */ jsxRuntime.jsx("h6", { ref: elementRef, className: classes, style, children: text });
+      }
+      default: {
+        return /* @__PURE__ */ jsxRuntime.jsx("p", { ref: elementRef, className: classes, style, children: text });
+      }
+    }
+  };
+  return renderTag();
+};
+
+exports.SplitText = SplitText;

package/dist/cjs/split-text/props.cjs

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

package/dist/cjs/splitter/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Splitter", {
+	enumerable: true,
+	get: () => antd.Splitter
+});

package/dist/cjs/stack/index.cjs

@@ -0,0 +1,19 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+require('../flex/index.cjs');
+require('./props.cjs');
+const antd = require('antd');
+
+function Stack({
+  children,
+  gap = "small",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap, orientation: "vertical", ...props, children });
+}
+
+exports.Stack = Stack;

package/dist/cjs/stack/props.cjs

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

package/dist/cjs/statistic/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Statistic", {
+	enumerable: true,
+	get: () => antd.Statistic
+});

package/dist/cjs/steps/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Steps", {
+	enumerable: true,
+	get: () => antd.Steps
+});

package/dist/cjs/switch/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Switch", {
+	enumerable: true,
+	get: () => antd.Switch
+});

package/dist/cjs/table/index.cjs

@@ -0,0 +1,59 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+require('../_base/index.cjs');
+require('./props.cjs');
+const usePaginationProps = require('./use-pagination-props.cjs');
+const common = require('../_base/styles/common.cjs');
+
+function Table({
+  className,
+  style,
+  flexHeight = true,
+  virtual = false,
+  columns,
+  ...restProps
+}) {
+  const {
+    ref: tableRef,
+    height: tableHeight
+  } = hooks.useElementSize({
+    box: "border-box"
+  });
+  const {
+    ref: tableHeaderRef,
+    height: tableHeaderHeight
+  } = hooks.useElementSize({
+    box: "border-box"
+  });
+  react.useEffect(() => {
+    tableHeaderRef.current = tableRef.current?.querySelector(".vef-table-header");
+  }, [tableRef.current, tableHeaderRef]);
+  const tableProps = react.useMemo(() => {
+    const props = {
+      columns
+    };
+    if (flexHeight) {
+      props.scroll = {
+        scrollToFirstRowOnChange: true,
+        x: virtual ? (columns || []).map((column) => shared.isString(column.width) ? shared.toInt(column.width) : column.width || column.minWidth || 200).reduce((acc, width) => acc + width, 0) : "max-content",
+        y: virtual ? tableHeight - tableHeaderHeight : "100%"
+      };
+      props.sticky = false;
+      props.virtual = virtual;
+    }
+    return props;
+  }, [tableHeight, tableHeaderHeight, columns, flexHeight, virtual]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: tableRef, className, css: common.fullHeight, style, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Table, { ...restProps, ...tableProps }) });
+}
+
+exports.pageSizeOptions = usePaginationProps.pageSizeOptions;
+exports.usePaginationProps = usePaginationProps.usePaginationProps;
+exports.Table = Table;

package/dist/cjs/table/props.cjs

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

package/dist/cjs/table/use-pagination-props.cjs

@@ -0,0 +1,52 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const react = require('react');
+
+const pageSizeOptions = [10, 15, 20, 30, 40, 50, 100];
+function renderTotal(total, range) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "第",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+      range[0],
+      " ",
+      "-",
+      " ",
+      range[1]
+    ] }),
+    " ",
+    "条",
+    " ",
+    "/",
+    " ",
+    "共",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: total }),
+    " ",
+    "条"
+  ] });
+}
+function usePaginationProps({
+  total,
+  paginationParams
+}) {
+  return react.useMemo(() => {
+    return {
+      size: "default",
+      showSizeChanger: true,
+      showTotal: renderTotal,
+      pageSizeOptions,
+      current: paginationParams.page ?? 1,
+      pageSize: paginationParams.size ?? pageSizeOptions[1],
+      total,
+      placement: ["bottomEnd"]
+    };
+  }, [paginationParams.page, paginationParams.size, total]);
+}
+
+exports.pageSizeOptions = pageSizeOptions;
+exports.usePaginationProps = usePaginationProps;

package/dist/cjs/tabs/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Tabs", {
+	enumerable: true,
+	get: () => antd.Tabs
+});

package/dist/cjs/tag/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Tag", {
+	enumerable: true,
+	get: () => antd.Tag
+});

package/dist/cjs/time-picker/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "TimePicker", {
+	enumerable: true,
+	get: () => antd.TimePicker
+});

package/dist/cjs/timeline/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Timeline", {
+	enumerable: true,
+	get: () => antd.Timeline
+});

package/dist/cjs/tooltip/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+	enumerable: true,
+	get: () => antd.Tooltip
+});

package/dist/cjs/tour/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Tour", {
+	enumerable: true,
+	get: () => antd.Tour
+});

package/dist/cjs/transfer/index.cjs

@@ -0,0 +1,13 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Transfer", {
+	enumerable: true,
+	get: () => antd.Transfer
+});

package/dist/cjs/tree/hooks/index.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useDataOptionsTree = require('./use-data-options-tree.cjs');
+
+
+
+exports.useDataOptionsTree = useDataOptionsTree.useDataOptionsTree;

package/dist/cjs/tree/hooks/use-data-options-tree.cjs

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

package/dist/cjs/tree/index.cjs

@@ -0,0 +1,14 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('./hooks/index.cjs');
+const antd = require('antd');
+
+
+
+Object.defineProperty(exports, "Tree", {
+	enumerable: true,
+	get: () => antd.Tree
+});

package/dist/cjs/tree-select/hooks/index.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/components v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:32.989Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useDataOptionsTreeSelect = require('./use-data-options-tree-select.cjs');
+
+
+
+exports.useDataOptionsTreeSelect = useDataOptionsTreeSelect.useDataOptionsTreeSelect;