@vef-framework/components 1.0.101 → 1.0.103

package/lib/vef-select/components/option.cjs

@@ -1,15 +1,4 @@
-/*! 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 shared = require('@vef-framework/shared');
-const react$1 = require('react');
-const index = require('../../vef-text/index.cjs');
-
-const optionWithDescriptionStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),react$1=require("react"),index=require("../../vef-text/index.cjs"),optionWithDescriptionStyle=react.css`
   display: flex;
   flex-direction: column;
   row-gap: 4px;
@@ -17,18 +6,4 @@ const optionWithDescriptionStyle = react.css`
   > .vef-typography-secondary {
     font-size: ${shared.themeVariables.fontSizeSm};
   }
-`;
-function VefOption({ label, description }) {
-  if (description) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: optionWithDescriptionStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, ellipsisTipPlacement: "right", children: label }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, color: "secondary", ellipsisTipPlacement: "right", children: description })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { ellipsis: true, ellipsisTipPlacement: "right", children: label });
-}
-const VefOptionMemo = react$1.memo(VefOption);
-VefOptionMemo.displayName = "VefOption";
-
-exports.default = VefOptionMemo;
-/*! 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 VefOption({label,description}){return description?jsxRuntime.jsxs("div",{css:optionWithDescriptionStyle,children:[jsxRuntime.jsx(index.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:label}),jsxRuntime.jsx(index.default,{ellipsis:!0,color:"secondary",ellipsisTipPlacement:"right",children:description})]}):jsxRuntime.jsx(index.default,{ellipsis:!0,ellipsisTipPlacement:"right",children:label})}const VefOptionMemo=react$1.memo(VefOption);VefOptionMemo.displayName="VefOption",exports.default=VefOptionMemo;/*! 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-select/hooks/use-data-options.cjs

@@ -1,52 +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,
-  grouped = false,
-  multiple = false,
-  onChange,
-  ...rest
-}) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    defaultOption,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    isGrouped: grouped,
-    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.103, build time: 2025-03-07T17:03:51.787Z, 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,grouped=!1,multiple=!1,onChange,...rest}){const{onFilterKeywordChange,normalizedOptions,defaultOption,isLoading,fallbackOptions,isFallbackOptionsLoading}=hooks.useComputedOptions({...rest,isGrouped:grouped,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-select/hooks/use-field-names.cjs

@@ -1,26 +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 useFieldNames(grouped) {
-  return react.useMemo(() => {
-    if (grouped) {
-      return {
-        label: "label",
-        value: "value",
-        options: "children",
-        groupLabel: "label"
-      };
-    }
-    return {
-      label: "label",
-      value: "value"
-    };
-  }, [grouped]);
-}
-
-exports.useFieldNames = useFieldNames;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useFieldNames(grouped){return react.useMemo(()=>grouped?{label:"label",value:"value",options:"children",groupLabel:"label"}:{label:"label",value:"value"},[grouped])}exports.useFieldNames=useFieldNames;/*! 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-select/hooks/use-render-label.cjs

@@ -1,34 +1,8 @@
-/*! 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 jsxRuntime = require('@emotion/react/jsx-runtime');
-const Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-const react$1 = require('react');
-const index = require('../../vef-spin/index.cjs');
-
-const loadingPlaceholderStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),react$1=require("react"),index=require("../../vef-spin/index.cjs"),loadingPlaceholderStyle=react.css`
   display: inline-flex;
   align-items: center;
 
   .vef-spin {
     color: inherit;
   }
-`;
-function useRenderLabel(isFallbackOptionsLoading, fallbackOptions) {
-  return react$1.useCallback(({ label, value }) => {
-    if (label) {
-      return label;
-    }
-    if (isFallbackOptionsLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { css: loadingPlaceholderStyle, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { indicator: /* @__PURE__ */ jsxRuntime.jsx(Icon.LoadingOutlined, {}), size: "small" }) });
-    }
-    const fallbackOption = fallbackOptions?.find((option) => option.value === value);
-    return fallbackOption?.label ?? value;
-  }, [isFallbackOptionsLoading, fallbackOptions]);
-}
-
-exports.useRenderLabel = useRenderLabel;
-/*! 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 useRenderLabel(isFallbackOptionsLoading,fallbackOptions){return react$1.useCallback(({label,value})=>label||(isFallbackOptionsLoading?jsxRuntime.jsx("span",{css:loadingPlaceholderStyle,children:jsxRuntime.jsx(index.default,{indicator:jsxRuntime.jsx(Icon.LoadingOutlined,{}),size:"small"})}):fallbackOptions?.find(option=>option.value===value)?.label??value),[isFallbackOptionsLoading,fallbackOptions])}exports.useRenderLabel=useRenderLabel;/*! 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-select/hooks/use-render-option.cjs

@@ -1,24 +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 jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const option = require('../components/option.cjs');
-
-function useRenderOption(renderOption) {
-  return react.useMemo(() => {
-    if (shared.isFunction(renderOption)) {
-      return ({ data }, { index }) => renderOption({
-        ...data,
-        index
-      });
-    }
-    return ({ data: { label, description } }) => /* @__PURE__ */ jsxRuntime.jsx(option.default, { description, label: label ?? "Missing Label" });
-  }, [renderOption]);
-}
-
-exports.useRenderOption = useRenderOption;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),option=require("../components/option.cjs");function useRenderOption(renderOption){return react.useMemo(()=>shared.isFunction(renderOption)?({data},{index})=>renderOption({...data,index}):({data:{label,description}})=>jsxRuntime.jsx(option.default,{description,label:label??"Missing Label"}),[renderOption])}exports.useRenderOption=useRenderOption;/*! 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-select/hooks/use-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 useSelectInstance(ref, dataOptions) {
-  const selectRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      selectRef.current?.blur();
-    },
-    focus: () => {
-      selectRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return selectRef;
-}
-
-exports.useSelectInstance = useSelectInstance;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSelectInstance(ref,dataOptions){const selectRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>{selectRef.current?.blur()},focus:()=>{selectRef.current?.focus({preventScroll:!0})},getDataOptions:()=>dataOptions})),selectRef}exports.useSelectInstance=useSelectInstance;/*! 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-select/index.cjs

@@ -1,105 +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 useDataOptions = require('./hooks/use-data-options.cjs');
-const useFieldNames = require('./hooks/use-field-names.cjs');
-const useRenderLabel = require('./hooks/use-render-label.cjs');
-const useRenderOption = require('./hooks/use-render-option.cjs');
-const useSelectInstance = require('./hooks/use-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, {}) });
-function VefSelectBase({
-  defaultValue,
-  value,
-  size,
-  clearable,
-  disabled,
-  placeholder,
-  variant,
-  onClear,
-  onBlur,
-  onFocus,
-  onChange,
-  onSelect,
-  onDeselect,
-  multiple = false,
-  grouped = false,
-  maxCount,
-  renderOption,
-  filterable = false,
-  filterFromRemote = false,
-  ...restProps
-}, ref) {
-  const {
-    onFilterKeywordChange,
-    normalizedOptions,
-    isLoading,
-    fallbackOptions,
-    isFallbackOptionsLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    grouped,
-    multiple,
-    onChange,
-    filterable,
-    filterFromRemote,
-    ...restProps
-  });
-  const renderOptionToUse = useRenderOption.useRenderOption(renderOption);
-  const filterOption = hooks.useOptionFilter(filterable, filterFromRemote);
-  const fieldNames = useFieldNames.useFieldNames(grouped);
-  const renderLabel = useRenderLabel.useRenderLabel(isFallbackOptionsLoading, fallbackOptions);
-  const selectRef = useSelectInstance.useSelectInstance(ref, normalizedOptions);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Select,
-    {
-      ref: selectRef,
-      defaultActiveFirstOption: true,
-      allowClear: clearable,
-      css: shared.styles.fullWidth,
-      defaultValue,
-      disabled,
-      fieldNames,
-      filterOption,
-      labelRender: renderLabel,
-      listHeight,
-      loading: isLoading,
-      maxCount: multiple ? maxCount : void 0,
-      maxTagCount: multiple ? "responsive" : void 0,
-      mode: multiple ? "multiple" : void 0,
-      notFoundContent: isLoading ? loadingPlaceholder : void 0,
-      optionRender: renderOptionToUse,
-      options: normalizedOptions,
-      placeholder,
-      showSearch: filterable,
-      size: utils.convertBasicSizeToUiSize(size),
-      value,
-      variant,
-      onBlur,
-      onChange,
-      onClear,
-      onDeselect,
-      onFocus,
-      onSearch: onFilterKeywordChange,
-      onSelect
-    }
-  );
-}
-const VefSelect = react.memo(
-  react.forwardRef(VefSelectBase)
-);
-VefSelect.displayName = "VefSelect";
-
-exports.default = VefSelect;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, 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"),useDataOptions=require("./hooks/use-data-options.cjs"),useFieldNames=require("./hooks/use-field-names.cjs"),useRenderLabel=require("./hooks/use-render-label.cjs"),useRenderOption=require("./hooks/use-render-option.cjs"),useSelectInstance=require("./hooks/use-select-instance.cjs"),utils=require("../internal/utils.cjs"),listHeight=280,loadingPlaceholder=jsxRuntime.jsx("div",{css:{height:listHeight/2},children:jsxRuntime.jsx(index.default,{})});function VefSelectBase({defaultValue,value,size,clearable,disabled,placeholder,variant,onClear,onBlur,onFocus,onChange,onSelect,onDeselect,multiple=!1,grouped=!1,maxCount,renderOption,filterable=!1,filterFromRemote=!1,...restProps},ref){const{onFilterKeywordChange,normalizedOptions,isLoading,fallbackOptions,isFallbackOptionsLoading}=useDataOptions.useDataOptions({value,grouped,multiple,onChange,filterable,filterFromRemote,...restProps}),renderOptionToUse=useRenderOption.useRenderOption(renderOption),filterOption=hooks.useOptionFilter(filterable,filterFromRemote),fieldNames=useFieldNames.useFieldNames(grouped),renderLabel=useRenderLabel.useRenderLabel(isFallbackOptionsLoading,fallbackOptions),selectRef=useSelectInstance.useSelectInstance(ref,normalizedOptions);return jsxRuntime.jsx(antd.Select,{ref:selectRef,defaultActiveFirstOption:!0,allowClear:clearable,css:shared.styles.fullWidth,defaultValue,disabled,fieldNames,filterOption,labelRender:renderLabel,listHeight,loading:isLoading,maxCount:multiple?maxCount:void 0,maxTagCount:multiple?"responsive":void 0,mode:multiple?"multiple":void 0,notFoundContent:isLoading?loadingPlaceholder:void 0,optionRender:renderOptionToUse,options:normalizedOptions,placeholder,showSearch:filterable,size:utils.convertBasicSizeToUiSize(size),value,variant,onBlur,onChange,onClear,onDeselect,onFocus,onSearch:onFilterKeywordChange,onSelect})}const VefSelect=react.memo(react.forwardRef(VefSelectBase));VefSelect.displayName="VefSelect",exports.default=VefSelect;/*! 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-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.103, build time: 2025-03-07T17:03:51.787Z, 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-slider/hooks/use-slider-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 useSliderInstance(ref) {
-  const sliderRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => sliderRef.current?.blur(),
-    focus: () => sliderRef.current?.focus()
-  }));
-  return sliderRef;
-}
-
-exports.useSliderInstance = useSliderInstance;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useSliderInstance(ref){const sliderRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({blur:()=>sliderRef.current?.blur(),focus:()=>sliderRef.current?.focus()})),sliderRef}exports.useSliderInstance=useSliderInstance;/*! 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-slider/index.cjs

@@ -1,39 +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 useSliderInstance = require('./hooks/use-slider-instance.cjs');
-
-const VefSlider = react.forwardRef(({
-  step,
-  tipFormatter,
-  onChange,
-  ...restProps
-}, ref) => {
-  const tooltipProps = react.useMemo(() => {
-    if (tipFormatter) {
-      return {
-        formatter: (value) => tipFormatter(value)
-      };
-    }
-  }, [tipFormatter]);
-  const sliderRef = useSliderInstance.useSliderInstance(ref);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Slider,
-    {
-      ref: sliderRef,
-      step: step === "mark" ? null : step,
-      tooltip: tooltipProps,
-      onChange,
-      ...restProps
-    }
-  );
-});
-VefSlider.displayName = "VefSlider";
-
-exports.default = VefSlider;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, 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"),useSliderInstance=require("./hooks/use-slider-instance.cjs"),VefSlider=react.forwardRef(({step,tipFormatter,onChange,...restProps},ref)=>{const tooltipProps=react.useMemo(()=>{if(tipFormatter)return{formatter:value=>tipFormatter(value)}},[tipFormatter]),sliderRef=useSliderInstance.useSliderInstance(ref);return jsxRuntime.jsx(antd.Slider,{ref:sliderRef,step:step==="mark"?null:step,tooltip:tooltipProps,onChange,...restProps})});VefSlider.displayName="VefSlider",exports.default=VefSlider;/*! 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-slider/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.103, build time: 2025-03-07T17:03:51.787Z, 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-sortable-list/components/overlay-item.cjs

@@ -1,39 +1,5 @@
-/*! 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 Icon = require('@ant-design/icons');
-const react = require('@emotion/react');
-
-const defaultHandleIcon = /* @__PURE__ */ jsxRuntime.jsx(Icon.HolderOutlined, {});
-const handlePresetStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),react=require("@emotion/react"),defaultHandleIcon=jsxRuntime.jsx(Icon.HolderOutlined,{}),handlePresetStyle=react.css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;
-function VefOverlayItem({
-  item,
-  renderItem,
-  useHandle,
-  handleClassName,
-  handleStyle,
-  handleIcon
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    useHandle && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: handleClassName,
-        css: handlePresetStyle,
-        style: handleStyle,
-        children: handleIcon ?? defaultHandleIcon
-      }
-    ),
-    renderItem(item, true)
-  ] });
-}
-
-exports.default = VefOverlayItem;
-/*! 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 VefOverlayItem({item,renderItem,useHandle,handleClassName,handleStyle,handleIcon}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[useHandle&&jsxRuntime.jsx("div",{className:handleClassName,css:handlePresetStyle,style:handleStyle,children:handleIcon??defaultHandleIcon}),renderItem(item,!0)]})}exports.default=VefOverlayItem;/*! 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-sortable-list/components/sortable-item.cjs

@@ -1,83 +1,5 @@
-/*! 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 Icon = require('@ant-design/icons');
-const sortable = require('@dnd-kit/sortable');
-const utilities = require('@dnd-kit/utilities');
-const react = require('@emotion/react');
-
-const defaultHandleIcon = /* @__PURE__ */ jsxRuntime.jsx(Icon.HolderOutlined, {});
-const handlePresetStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),Icon=require("@ant-design/icons"),sortable=require("@dnd-kit/sortable"),utilities=require("@dnd-kit/utilities"),react=require("@emotion/react"),defaultHandleIcon=jsxRuntime.jsx(Icon.HolderOutlined,{}),handlePresetStyle=react.css`
   cursor: move;
   user-select: none;
   touch-action: none;
-`;
-function VefSortableItem({
-  item,
-  itemKey,
-  itemIndex,
-  itemClassName,
-  itemStyle,
-  renderItem,
-  useHandle,
-  useOverlay,
-  handleClassName,
-  handleStyle,
-  handleIcon,
-  disabled
-}) {
-  const {
-    isDragging,
-    attributes,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transition,
-    transform
-  } = sortable.useSortable({
-    id: itemKey,
-    disabled,
-    data: {
-      index: itemIndex
-    }
-  });
-  const style = {
-    ...itemStyle,
-    transition,
-    transform: utilities.CSS.Transform.toString(transform),
-    ...!useOverlay && isDragging ? {
-      position: "relative",
-      zIndex: 999
-    } : {}
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: setNodeRef,
-      className: itemClassName,
-      style,
-      ...attributes,
-      ...useHandle ? {} : listeners,
-      children: [
-        useHandle && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: setActivatorNodeRef,
-            className: handleClassName,
-            css: handlePresetStyle,
-            style: handleStyle,
-            ...listeners,
-            children: handleIcon ?? defaultHandleIcon
-          }
-        ),
-        renderItem(item, false)
-      ]
-    }
-  );
-}
-
-exports.default = VefSortableItem;
-/*! 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 VefSortableItem({item,itemKey,itemIndex,itemClassName,itemStyle,renderItem,useHandle,useOverlay,handleClassName,handleStyle,handleIcon,disabled}){const{isDragging,attributes,listeners,setNodeRef,setActivatorNodeRef,transition,transform}=sortable.useSortable({id:itemKey,disabled,data:{index:itemIndex}}),style={...itemStyle,transition,transform:utilities.CSS.Transform.toString(transform),...!useOverlay&&isDragging?{position:"relative",zIndex:999}:{}};return jsxRuntime.jsxs("div",{ref:setNodeRef,className:itemClassName,style,...attributes,...useHandle?{}:listeners,children:[useHandle&&jsxRuntime.jsx("div",{ref:setActivatorNodeRef,className:handleClassName,css:handlePresetStyle,style:handleStyle,...listeners,children:handleIcon??defaultHandleIcon}),renderItem(item,!1)]})}exports.default=VefSortableItem;/*! 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-sortable-list/hooks/use-merged-items.cjs

@@ -1,26 +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 useMergedItems(defaultItems, items, onChange) {
-  if (shared.isNullish(defaultItems) && shared.isNullish(items)) {
-    throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");
-  }
-  const [internalItems, setInternalItems] = react.useState(defaultItems ?? []);
-  const mergedItems = items ?? internalItems;
-  const mergedOnChange = react.useCallback((moveItems) => {
-    if (items) {
-      onChange?.(moveItems(items));
-    } else {
-      setInternalItems(moveItems);
-    }
-  }, [items, onChange]);
-  return [mergedItems, mergedOnChange];
-}
-
-exports.useMergedItems = useMergedItems;
-/*! 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),react=require("react");function useMergedItems(defaultItems,items,onChange){if(shared.isNullish(defaultItems)&&shared.isNullish(items))throw new Error("At least one of `defaultItems` and `items` must be provided for VefSortableList component.");const[internalItems,setInternalItems]=react.useState(defaultItems??[]),mergedItems=items??internalItems,mergedOnChange=react.useCallback(moveItems=>{items?onChange?.(moveItems(items)):setInternalItems(moveItems)},[items,onChange]);return[mergedItems,mergedOnChange]}exports.useMergedItems=useMergedItems;/*! 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 */