@vef-framework/components 1.0.101 → 1.0.102

package/lib/vef-textarea/hooks/use-textarea-instance.cjs

@@ -1,18 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useTextareaInstance(ref) {
-  const textareaRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => textareaRef.current?.blur(),
-    focus: () => textareaRef.current?.focus({ preventScroll: true })
-  }));
-  return textareaRef;
-}
-
-exports.useTextareaInstance = useTextareaInstance;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTextareaInstance(ref){const textareaRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>textareaRef.current?.blur(),focus:()=>textareaRef.current?.focus({preventScroll:!0})})),textareaRef}exports.useTextareaInstance=useTextareaInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/index.cjs

@@ -1,72 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-require('../internal/index.cjs');
-const useTextareaInstance = require('./hooks/use-textarea-instance.cjs');
-const utils = require('../internal/utils.cjs');
-
-const { TextArea } = antd.Input;
-function normalizeValue(value) {
-  if (value === "") {
-    return null;
-  }
-  return value;
-}
-const VefTextarea = react.forwardRef(
-  ({
-    defaultValue,
-    value,
-    size,
-    clearable,
-    showCount,
-    onChange,
-    onEnterKeyPress,
-    onBlur,
-    onFocus,
-    ...restProps
-  }, ref) => {
-    const eventHandlers = react.useMemo(() => ({
-      onChange: shared.isFunction(onChange) ? (event) => onChange(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
-        normalizeValue(event.target.value)
-      ) : void 0
-    }), [
-      onChange,
-      onEnterKeyPress,
-      onBlur,
-      onFocus
-    ]);
-    const textareaRef = useTextareaInstance.useTextareaInstance(ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TextArea,
-      {
-        ref: textareaRef,
-        allowClear: clearable,
-        defaultValue,
-        showCount,
-        size: utils.convertBasicSizeToUiSize(size),
-        value,
-        ...restProps,
-        ...eventHandlers
-      }
-    );
-  }
-);
-VefTextarea.displayName = "VefTextarea";
-
-exports.default = VefTextarea;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const useTextareaInstance=require("./hooks/use-textarea-instance.cjs"),utils=require("../internal/utils.cjs"),{TextArea}=antd.Input;function normalizeValue(value){return value===""?null:value}const VefTextarea=react.forwardRef(({defaultValue,value,size,clearable,showCount,onChange,onEnterKeyPress,onBlur,onFocus,...restProps},ref)=>{const eventHandlers=react.useMemo(()=>({onChange:shared.isFunction(onChange)?event=>onChange(normalizeValue(event.target.value)):void 0,onPressEnter:shared.isFunction(onEnterKeyPress)?event=>onEnterKeyPress(normalizeValue(event.target.value)):void 0,onBlur:shared.isFunction(onBlur)?event=>onBlur(normalizeValue(event.target.value)):void 0,onFocus:shared.isFunction(onFocus)?event=>onFocus(normalizeValue(event.target.value)):void 0}),[onChange,onEnterKeyPress,onBlur,onFocus]),textareaRef=useTextareaInstance.useTextareaInstance(ref);return jsxRuntime.jsx(TextArea,{ref:textareaRef,allowClear:clearable,defaultValue,showCount,size:utils.convertBasicSizeToUiSize(size),value,...restProps,...eventHandlers})});VefTextarea.displayName="VefTextarea",exports.default=VefTextarea;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-textarea/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-title/index.cjs

@@ -1,21 +1,6 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-const index = require('../vef-divider/index.cjs');
-
-const { Title } = antd.Typography;
-const dividerStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),index=require("../vef-divider/index.cjs"),{Title}=antd.Typography,dividerStyle=react.css`
   margin: ${shared.themeVariables.marginSm} 0 ${shared.themeVariables.marginLg};
-`;
-const leftBarStyle = react.css`
+`,leftBarStyle=react.css`
   &::before {
     content: "";
     display: inline-block;
@@ -25,77 +10,4 @@ const leftBarStyle = react.css`
     background: linear-gradient(to top, ${shared.themeVariables.colorPrimary}, ${shared.themeVariables.blue5});
     margin-right: ${shared.themeVariables.paddingSm};
   }
-`;
-function VefTitle({
-  showLeftBar,
-  showBottomLine,
-  noPaddingBottom,
-  variant,
-  color,
-  ellipsis,
-  ellipsisTip,
-  ...restProps
-}) {
-  const { level = 1 } = restProps;
-  const ellipsisConfig = react$1.useMemo(() => {
-    if (ellipsis) {
-      return {
-        tooltip: ellipsisTip ?? restProps.children
-      };
-    }
-  }, [ellipsis, ellipsisTip, restProps.children]);
-  const colorTokens = hooks.useColorTokens();
-  const styleProps = react$1.useMemo(() => {
-    const props = {};
-    if (color === "secondary") {
-      props.type = "secondary";
-    } else {
-      const css2 = [];
-      if (color) {
-        css2.push({
-          color: colorTokens.get(color)
-        });
-      }
-      if (showLeftBar) {
-        css2.push(leftBarStyle);
-      }
-      props.css = css2;
-    }
-    if (variant) {
-      props[variant] = true;
-    }
-    if (showLeftBar) {
-      props.style = {
-        "--vef-title-left-bar-height": `calc(var(--vef-font-size-heading-${level}) * 0.8)`
-      };
-    }
-    if (noPaddingBottom) {
-      props.style = {
-        ...props.style,
-        "--vef-typography-title-margin-bottom": 0
-      };
-    }
-    return props;
-  }, [
-    color,
-    variant,
-    showLeftBar,
-    colorTokens,
-    level,
-    noPaddingBottom
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Title,
-      {
-        ellipsis: ellipsisConfig,
-        ...styleProps,
-        ...restProps
-      }
-    ),
-    showBottomLine && /* @__PURE__ */ jsxRuntime.jsx(index.default, { css: dividerStyle })
-  ] });
-}
-
-exports.default = VefTitle;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefTitle({showLeftBar,showBottomLine,noPaddingBottom,variant,color,ellipsis,ellipsisTip,...restProps}){const{level=1}=restProps,ellipsisConfig=react$1.useMemo(()=>{if(ellipsis)return{tooltip:ellipsisTip??restProps.children}},[ellipsis,ellipsisTip,restProps.children]),colorTokens=hooks.useColorTokens(),styleProps=react$1.useMemo(()=>{const props={};if(color==="secondary")props.type="secondary";else{const css2=[];color&&css2.push({color:colorTokens.get(color)}),showLeftBar&&css2.push(leftBarStyle),props.css=css2}return variant&&(props[variant]=!0),showLeftBar&&(props.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${level}) * 0.8)`}),noPaddingBottom&&(props.style={...props.style,"--vef-typography-title-margin-bottom":0}),props},[color,variant,showLeftBar,colorTokens,level,noPaddingBottom]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Title,{ellipsis:ellipsisConfig,...styleProps,...restProps}),showBottomLine&&jsxRuntime.jsx(index.default,{css:dividerStyle})]})}exports.default=VefTitle;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-title/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tooltip/index.cjs

@@ -1,40 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-const react = require('react');
-
-const VefTooltip = react.forwardRef(({
-  content,
-  trigger = "hover",
-  arrow = true,
-  delay = 0.1,
-  defaultOpened,
-  opened,
-  onOpenedChange,
-  ...restProps
-}, ref) => {
-  const tooltipRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => tooltipRef.current.nativeElement);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Tooltip,
-    {
-      ref: tooltipRef,
-      arrow,
-      defaultOpen: defaultOpened,
-      mouseEnterDelay: delay,
-      open: opened,
-      title: content,
-      trigger,
-      onOpenChange: onOpenedChange,
-      ...restProps
-    }
-  );
-});
-VefTooltip.displayName = "VefTooltip";
-
-exports.default = VefTooltip;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react"),VefTooltip=react.forwardRef(({content,trigger="hover",arrow=!0,delay=.1,defaultOpened,opened,onOpenedChange,...restProps},ref)=>{const tooltipRef=react.useRef(null);return react.useImperativeHandle(ref,()=>tooltipRef.current.nativeElement),jsxRuntime.jsx(antd.Tooltip,{ref:tooltipRef,arrow,defaultOpen:defaultOpened,mouseEnterDelay:delay,open:opened,title:content,trigger,onOpenChange:onOpenedChange,...restProps})});VefTooltip.displayName="VefTooltip",exports.default=VefTooltip;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tooltip/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/hooks/use-change-handler.cjs

@@ -1,38 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useChangeHandler(onChange, options) {
-  const optionsMap = react.useMemo(() => options.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [options]);
-  return react.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (value) => {
-        if (!value) {
-          onChange(null, null);
-          return;
-        }
-        if (shared.isArray(value)) {
-          onChange(
-            value,
-            value.map((it) => optionsMap.get(it))
-          );
-        } else {
-          onChange(
-            value,
-            optionsMap.get(value)
-          );
-        }
-      };
-    }
-  }, [onChange, optionsMap]);
-}
-
-exports.useChangeHandler = useChangeHandler;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useChangeHandler(onChange,options){const optionsMap=react.useMemo(()=>options.reduce((map,option)=>(map.set(option.value,option),map),new Map),[options]);return react.useMemo(()=>{if(shared.isFunction(onChange))return value=>{if(!value){onChange(null,null);return}shared.isArray(value)?onChange(value,value.map(it=>optionsMap.get(it))):onChange(value,optionsMap.get(value))}},[onChange,optionsMap])}exports.useChangeHandler=useChangeHandler;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/hooks/use-data-options.cjs

@@ -1,50 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'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');
-
-function useDataOptions({
-  value,
-  multiple = false,
-  onChange,
-  ...rest
-}) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    defaultOption,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    selectedOptionValues: shared.isArray(value) ? value : value ? [value] : []
-  });
-  react.useLayoutEffect(() => {
-    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
-      onChange(
-        multiple ? [defaultOption.value] : defaultOption.value,
-        multiple ? [defaultOption] : defaultOption
-      );
-    }
-  }, [
-    defaultOption,
-    multiple,
-    onChange,
-    value
-  ]);
-  return {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  };
-}
-
-exports.useDataOptions = useDataOptions;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react=require("react");function useDataOptions({value,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,selectedOptionValues:shared.isArray(value)?value:value?[value]:[]});return react.useLayoutEffect(()=>{defaultOption&&shared.isFunction(onChange)&&shared.isNullish(value)&&onChange(multiple?[defaultOption.value]:defaultOption.value,multiple?[defaultOption]:defaultOption)},[defaultOption,multiple,onChange,value]),{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}}exports.useDataOptions=useDataOptions;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/hooks/use-tree-select-instance.cjs

@@ -1,25 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useTreeSelectInstance(ref, dataOptions) {
-  const treeSelectRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      treeSelectRef.current?.blur();
-    },
-    focus: () => {
-      treeSelectRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return treeSelectRef;
-}
-
-exports.useTreeSelectInstance = useTreeSelectInstance;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTreeSelectInstance(ref,dataOptions){const treeSelectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{treeSelectRef.current?.blur()},focus:()=>{treeSelectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),treeSelectRef}exports.useTreeSelectInstance=useTreeSelectInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/index.cjs

@@ -1,94 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [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('../internal/index.cjs');
-const index = require('../vef-loading-placeholder/index.cjs');
-const useChangeHandler = require('./hooks/use-change-handler.cjs');
-const useDataOptions = require('./hooks/use-data-options.cjs');
-const useTreeSelectInstance = require('./hooks/use-tree-select-instance.cjs');
-const utils = require('../internal/utils.cjs');
-
-const listHeight = 280;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx("div", { css: { height: listHeight / 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {}) });
-const treeLineOptions = { showLeafIcon: false };
-function VefTreeSelectBase({
-  defaultValue,
-  value,
-  size,
-  clearable,
-  disabled,
-  placeholder,
-  variant,
-  maxCount,
-  onClear,
-  onBlur,
-  onFocus,
-  onChange,
-  onSelect,
-  onDeselect,
-  multiple = false,
-  filterable = true,
-  filterFromRemote = false,
-  ...restProps
-}, ref) {
-  const {
-    normalizedOptions,
-    isLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    multiple,
-    onChange,
-    filterable,
-    filterFromRemote,
-    ...restProps
-  });
-  const filterTreeNode = hooks.useOptionFilter(filterable, false);
-  const handleChange = useChangeHandler.useChangeHandler(onChange, normalizedOptions);
-  const treeSelectRef = useTreeSelectInstance.useTreeSelectInstance(ref, normalizedOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.TreeSelect,
-    {
-      ref: treeSelectRef,
-      virtual: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      defaultValue,
-      disabled,
-      filterTreeNode,
-      listHeight,
-      loading: isLoading,
-      maxCount,
-      maxTagCount: multiple ? "responsive" : void 0,
-      multiple,
-      notFoundContent: isLoading ? loadingPlaceholder : void 0,
-      placeholder,
-      showSearch: filterable,
-      size: utils.convertBasicSizeToUiSize(size),
-      treeCheckable: multiple,
-      treeData: normalizedOptions,
-      treeLine: treeLineOptions,
-      value,
-      variant,
-      onBlur,
-      onChange: handleChange,
-      onClear,
-      onDeselect,
-      onFocus,
-      onSelect
-    }
-  );
-}
-const VefTreeSelect = react.memo(
-  react.forwardRef(VefTreeSelectBase)
-);
-VefTreeSelect.displayName = "VefTreeSelect";
-
-exports.default = VefTreeSelect;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react");require("../internal/index.cjs");const index=require("../vef-loading-placeholder/index.cjs"),useChangeHandler=require("./hooks/use-change-handler.cjs"),useDataOptions=require("./hooks/use-data-options.cjs"),useTreeSelectInstance=require("./hooks/use-tree-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})}),treeLineOptions={showLeafIcon:!1};function VefTreeSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,maxCount,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,filterable=!0,filterFromRemote=!1,...restProps},ref){const{normalizedOptions,isLoading}=useDataOptions.useDataOptions({value,multiple,onChange,filterable,filterFromRemote,...restProps}),filterTreeNode=hooks.useOptionFilter(filterable,!1),handleChange=useChangeHandler.useChangeHandler(onChange,normalizedOptions),treeSelectRef=useTreeSelectInstance.useTreeSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.TreeSelect,{ref:treeSelectRef,virtual:!0,allowClear:clearable,css:shared.styles.fullWidth,defaultValue,disabled,filterTreeNode,listHeight,loading:isLoading,maxCount,maxTagCount:multiple?"responsive":void 0,multiple,notFoundContent:isLoading?loadingPlaceholder:void 0,placeholder,showSearch:filterable,size:utils.convertBasicSizeToUiSize(size),treeCheckable:multiple,treeData:normalizedOptions,treeLine:treeLineOptions,value,variant,onBlur,onChange:handleChange,onClear,onDeselect,onFocus,onSelect})}const VefTreeSelect=react.memo(react.forwardRef(VefTreeSelectBase));VefTreeSelect.displayName="VefTreeSelect",exports.default=VefTreeSelect;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tree-select/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-virtual-grid/index.cjs

@@ -1,121 +1,12 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const reactVirtual = require('@tanstack/react-virtual');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index$1 = require('../vef-auto-sizer/index.cjs');
-const index = require('../vef-scroll-area/index.cjs');
-
-const viewportStyle = {
-  willChange: "transform"
-};
-const containerStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),reactVirtual=require("@tanstack/react-virtual"),hooks=require("@vef-framework/hooks"),shared=require("@vef-framework/shared"),react$1=require("react"),index$1=require("../vef-auto-sizer/index.cjs"),index=require("../vef-scroll-area/index.cjs"),viewportStyle={willChange:"transform"},containerStyle=react.css`
   position: relative;
   width: var(--vef-virtual-grid-width);
   height: var(--vef-virtual-grid-height);
-`;
-const virtualItemStyle = react.css`
+`,virtualItemStyle=react.css`
   position: absolute;
   top: 0;
   left: 0;
   width: var(--vef-virtual-grid-item-width);
   height: var(--vef-virtual-grid-item-height);
   transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
-`;
-function VefVirtualGridBase({
-  className,
-  style,
-  items,
-  renderItem,
-  itemClassName,
-  itemStyle,
-  rowHeight,
-  columnWidth,
-  gap,
-  ...restProps
-}) {
-  const GridItem = react$1.useMemo(() => react$1.memo(renderItem), [renderItem]);
-  const viewportRef = react$1.useRef(null);
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const [rowGap, columnGap] = react$1.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])];
-    }
-    if (gap) {
-      const normalizedGap = normalizeGapSize(gap);
-      return [normalizedGap, normalizedGap];
-    }
-    return [0, 0];
-  }, [gap, normalizeGapSize]);
-  const rowVirtualizer = reactVirtual.useVirtualizer({
-    count: items.length,
-    getScrollElement: () => viewportRef.current,
-    estimateSize: shared.isNumber(rowHeight) ? () => rowHeight : rowHeight,
-    overscan: 2,
-    gap: rowGap
-  });
-  const columnVirtualizer = reactVirtual.useVirtualizer({
-    horizontal: true,
-    count: items[0]?.length ?? 0,
-    getScrollElement: () => viewportRef.current,
-    estimateSize: shared.isNumber(columnWidth) ? () => columnWidth : columnWidth,
-    overscan: 2,
-    gap: columnGap
-  });
-  const containerSizeStyle = react$1.useMemo(() => ({
-    "--vef-virtual-grid-height": `${rowVirtualizer.getTotalSize()}px`,
-    "--vef-virtual-grid-width": `${columnVirtualizer.getTotalSize()}px`
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), [rowVirtualizer.getTotalSize(), columnVirtualizer.getTotalSize()]);
-  const getVirtualGridNode = (height, width) => /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      className,
-      height,
-      scrollbarSize: "small",
-      style,
-      viewportRef,
-      viewportStyle,
-      width,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: containerStyle, style: containerSizeStyle, children: rowVirtualizer.getVirtualItems().map((row) => /* @__PURE__ */ jsxRuntime.jsx(react$1.Fragment, { children: columnVirtualizer.getVirtualItems().map((item) => {
-        const itemData = items[row.index][item.index];
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: itemClassName,
-            css: virtualItemStyle,
-            style: {
-              ...itemStyle,
-              "--vef-virtual-grid-item-width": `${item.size}px`,
-              "--vef-virtual-grid-item-height": `${row.size}px`,
-              "--vef-virtual-grid-item-x": `${item.start}px`,
-              "--vef-virtual-grid-item-y": `${row.start}px`
-            },
-            children: itemData && react$1.createElement(GridItem, {
-              item: itemData,
-              rowIndex: row.index,
-              columnIndex: item.index
-            })
-          },
-          item.key
-        );
-      }) }, row.key)) })
-    }
-  );
-  if (!restProps.autoSize) {
-    const { height, width } = restProps;
-    return getVirtualGridNode(height, width);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: ({ height, width }) => getVirtualGridNode(height, width) });
-}
-const VefVirtualGrid = react$1.memo(VefVirtualGridBase);
-VefVirtualGrid.displayName = "VefVirtualGrid";
-
-exports.default = VefVirtualGrid;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefVirtualGridBase({className,style,items,renderItem,itemClassName,itemStyle,rowHeight,columnWidth,gap,...restProps}){const GridItem=react$1.useMemo(()=>react$1.memo(renderItem),[renderItem]),viewportRef=react$1.useRef(null),normalizeGapSize=hooks.useGapSizeNormalizer(),[rowGap,columnGap]=react$1.useMemo(()=>{if(shared.isArray(gap))return[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])];if(gap){const normalizedGap=normalizeGapSize(gap);return[normalizedGap,normalizedGap]}return[0,0]},[gap,normalizeGapSize]),rowVirtualizer=reactVirtual.useVirtualizer({count:items.length,getScrollElement:()=>viewportRef.current,estimateSize:shared.isNumber(rowHeight)?()=>rowHeight:rowHeight,overscan:2,gap:rowGap}),columnVirtualizer=reactVirtual.useVirtualizer({horizontal:!0,count:items[0]?.length??0,getScrollElement:()=>viewportRef.current,estimateSize:shared.isNumber(columnWidth)?()=>columnWidth:columnWidth,overscan:2,gap:columnGap}),containerSizeStyle=react$1.useMemo(()=>({"--vef-virtual-grid-height":`${rowVirtualizer.getTotalSize()}px`,"--vef-virtual-grid-width":`${columnVirtualizer.getTotalSize()}px`}),[rowVirtualizer.getTotalSize(),columnVirtualizer.getTotalSize()]),getVirtualGridNode=(height,width)=>jsxRuntime.jsx(index.default,{className,height,scrollbarSize:"small",style,viewportRef,viewportStyle,width,children:jsxRuntime.jsx("div",{css:containerStyle,style:containerSizeStyle,children:rowVirtualizer.getVirtualItems().map(row=>jsxRuntime.jsx(react$1.Fragment,{children:columnVirtualizer.getVirtualItems().map(item=>{const itemData=items[row.index][item.index];return jsxRuntime.jsx("div",{className:itemClassName,css:virtualItemStyle,style:{...itemStyle,"--vef-virtual-grid-item-width":`${item.size}px`,"--vef-virtual-grid-item-height":`${row.size}px`,"--vef-virtual-grid-item-x":`${item.start}px`,"--vef-virtual-grid-item-y":`${row.start}px`},children:itemData&&react$1.createElement(GridItem,{item:itemData,rowIndex:row.index,columnIndex:item.index})},item.key)})},row.key))})});if(!restProps.autoSize){const{height,width}=restProps;return getVirtualGridNode(height,width)}return jsxRuntime.jsx(index$1.default,{children:({height,width})=>getVirtualGridNode(height,width)})}const VefVirtualGrid=react$1.memo(VefVirtualGridBase);VefVirtualGrid.displayName="VefVirtualGrid",exports.default=VefVirtualGrid;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-virtual-grid/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.837Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */