@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,90 +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 reactWrapper = require('@handsontable/react-wrapper');
-const i18n = require('handsontable/i18n');
-const registry = require('handsontable/registry');
-const react = require('react');
-
-registry.registerAllModules();
-i18n.registerLanguageDictionary(i18n.zhCN);
-const users = Array.from({ length: 1e3 }).map((_, index) => ({
-  name: `Name${index + 1}`,
-  gender: index % 2 === 0 ? "Male" : "Female",
-  age: Math.floor(Math.random() * 100) + 18,
-  id: index + 1,
-  desc: `Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${index + 1}`
-}));
-const columns = [
-  {
-    data: "id",
-    title: "ID",
-    fixedColumnsStart: 1
-  },
-  {
-    data: "name",
-    title: "Name"
-  },
-  {
-    data: "gender",
-    title: "Gender"
-  },
-  {
-    data: "age",
-    title: "Age"
-  },
-  {
-    data: "desc",
-    title: "Description",
-    width: 200
-  }
-];
-function VefDataGrid(props) {
-  console.log("file: index.tsx:49 ~ props:", props);
-  const hotTableRef = react.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        width: "100%",
-        maxHeight: "500px"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactWrapper.HotTable,
-        {
-          ref: hotTableRef,
-          autoColumnSize: true,
-          autoRowSize: true,
-          colHeaders: true,
-          disableVisualSelection: true,
-          manualColumnMove: true,
-          manualColumnResize: true,
-          multiColumnSorting: true,
-          readOnly: true,
-          rowHeaders: true,
-          columns,
-          data: users,
-          language: i18n.zhCN.languageCode,
-          licenseKey: "non-commercial-and-evaluation",
-          locale: i18n.zhCN.languageCode,
-          themeName: "ht-theme-main",
-          beforeColumnSort: (_, sortConfigs) => {
-            console.log("file: index.tsx:68 ~ sortConfigs:", sortConfigs);
-            if (sortConfigs.length > 0) {
-              const header = hotTableRef.current?.hotInstance?.getColHeader(sortConfigs[0].column);
-              console.log("file: index.tsx:77 ~ header:", header);
-              const meta = hotTableRef.current?.hotInstance?.getColumnMeta(sortConfigs[0].column);
-              console.log("file: index.tsx:79 ~ meta:", meta);
-            }
-          }
-        }
-      )
-    }
-  );
-}
-
-exports.default = VefDataGrid;
-/*! 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"),reactWrapper=require("@handsontable/react-wrapper"),i18n=require("handsontable/i18n"),registry=require("handsontable/registry"),react=require("react");registry.registerAllModules(),i18n.registerLanguageDictionary(i18n.zhCN);const users=Array.from({length:1e3}).map((_,index)=>({name:`Name${index+1}`,gender:index%2===0?"Male":"Female",age:Math.floor(Math.random()*100)+18,id:index+1,desc:`Description may be very long, very long, very long, very long, very long, very long, very long, very long, very long, very long${index+1}`})),columns=[{data:"id",title:"ID",fixedColumnsStart:1},{data:"name",title:"Name"},{data:"gender",title:"Gender"},{data:"age",title:"Age"},{data:"desc",title:"Description",width:200}];function VefDataGrid(props){console.log("file: index.tsx:49 ~ props:",props);const hotTableRef=react.useRef(null);return jsxRuntime.jsx("div",{style:{width:"100%",maxHeight:"500px"},children:jsxRuntime.jsx(reactWrapper.HotTable,{ref:hotTableRef,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns,data:users,language:i18n.zhCN.languageCode,licenseKey:"non-commercial-and-evaluation",locale:i18n.zhCN.languageCode,themeName:"ht-theme-main",beforeColumnSort:(_,sortConfigs)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",sortConfigs),sortConfigs.length>0){const header=hotTableRef.current?.hotInstance?.getColHeader(sortConfigs[0].column);console.log("file: index.tsx:77 ~ header:",header);const meta=hotTableRef.current?.hotInstance?.getColumnMeta(sortConfigs[0].column);console.log("file: index.tsx:79 ~ meta:",meta)}}})})}exports.default=VefDataGrid;/*! 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-data-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 */

package/lib/vef-data-table/index.cjs

@@ -1,14 +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');
-
-function VefDataTable(props) {
-  console.log("file: index.tsx:3 ~ props:", props);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "data table" });
-}
-
-exports.default = VefDataTable;
-/*! 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");function VefDataTable(props){return console.log("file: index.tsx:3 ~ props:",props),jsxRuntime.jsx("div",{children:"data table"})}exports.default=VefDataTable;/*! 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-data-table/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-divider/index.cjs

@@ -1,29 +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');
-
-function VefDivider({
-  orientation,
-  title,
-  titlePosition,
-  titleEdgeMargin,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Divider,
-    {
-      children: title,
-      orientation: titlePosition,
-      orientationMargin: titleEdgeMargin,
-      type: orientation,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefDivider;
-/*! 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");function VefDivider({orientation,title,titlePosition,titleEdgeMargin,...restProps}){return jsxRuntime.jsx(antd.Divider,{children:title,orientation:titlePosition,orientationMargin:titleEdgeMargin,type:orientation,...restProps})}exports.default=VefDivider;/*! 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-divider/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-drawer/components/action-button-wrapper.cjs

@@ -1,54 +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 react = require('react');
-const context = require('../context.cjs');
-
-function VefDrawerActionButtonWrapper({
-  children
-}) {
-  const [isDisabled, setIsDisabled] = context.useDrawerContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
-  const [isLoading, setIsLoading] = react.useState(false);
-  const {
-    disabled,
-    loading,
-    onClick
-  } = children.props;
-  const wrappedOnClick = react.useMemo(() => {
-    if (!onClick) {
-      return;
-    }
-    return async (event) => {
-      await shared.invokeMaybeAsyncFn(
-        onClick,
-        {
-          beforeInvoke: () => {
-            setIsLoading(true);
-            setIsDisabled(true);
-          },
-          onFinally: () => {
-            setIsLoading(false);
-            setIsDisabled(false);
-          }
-        },
-        event
-      );
-    };
-  }, [onClick, setIsDisabled]);
-  const buttonNode = react.cloneElement(
-    children,
-    {
-      disabled: isDisabled || disabled,
-      loading: isLoading || loading,
-      onClick: wrappedOnClick
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: buttonNode });
-}
-
-exports.default = VefDrawerActionButtonWrapper;
-/*! 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"),react=require("react"),context=require("../context.cjs");function VefDrawerActionButtonWrapper({children}){const[isDisabled,setIsDisabled]=context.useDrawerContextSelector(ctx=>[ctx.isDisabled,ctx.setIsDisabled]),[isLoading,setIsLoading]=react.useState(!1),{disabled,loading,onClick}=children.props,wrappedOnClick=react.useMemo(()=>{if(onClick)return async event=>{await shared.invokeMaybeAsyncFn(onClick,{beforeInvoke:()=>{setIsLoading(!0),setIsDisabled(!0)},onFinally:()=>{setIsLoading(!1),setIsDisabled(!1)}},event)}},[onClick,setIsDisabled]),buttonNode=react.cloneElement(children,{disabled:isDisabled||disabled,loading:isLoading||loading,onClick:wrappedOnClick});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:buttonNode})}exports.default=VefDrawerActionButtonWrapper;/*! 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-drawer/components/button-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-drawer/components/cancel-action-button.cjs

@@ -1,26 +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 index = require('../../vef-button/index.cjs');
-const actionButtonWrapper = require('./action-button-wrapper.cjs');
-
-function VefCancelActionButton({
-  text,
-  onClick
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      color: "default",
-      variant: "text",
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-exports.default = VefCancelActionButton;
-/*! 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"),index=require("../../vef-button/index.cjs"),actionButtonWrapper=require("./action-button-wrapper.cjs");function VefCancelActionButton({text,onClick}){return jsxRuntime.jsx(actionButtonWrapper.default,{children:jsxRuntime.jsx(index.default,{color:"default",variant:"text",onClick,children:text})})}exports.default=VefCancelActionButton;/*! 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-drawer/components/ok-action-button.cjs

@@ -1,25 +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 lucideReact = require('lucide-react');
-const index = require('../../vef-button/index.cjs');
-const index$1 = require('../../vef-icon/index.cjs');
-const actionButtonWrapper = require('./action-button-wrapper.cjs');
-
-function VefOkActionButton({ text, onClick }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      color: "primary",
-      icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }),
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-exports.default = VefOkActionButton;
-/*! 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"),lucideReact=require("lucide-react"),index=require("../../vef-button/index.cjs"),index$1=require("../../vef-icon/index.cjs"),actionButtonWrapper=require("./action-button-wrapper.cjs");function VefOkActionButton({text,onClick}){return jsxRuntime.jsx(actionButtonWrapper.default,{children:jsxRuntime.jsx(index.default,{color:"primary",icon:jsxRuntime.jsx(index$1.default,{children:jsxRuntime.jsx(lucideReact.CheckIcon,{})}),onClick,children:text})})}exports.default=VefOkActionButton;/*! 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-drawer/context.cjs

@@ -1,22 +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 {
-  ContextProvider: DrawerContextProvider,
-  useContext: useDrawerContext,
-  useContextSelector: useDrawerContextSelector
-} = shared.createSelectableContext({
-  isDisabled: false,
-  setIsDisabled: shared.noop,
-  isFullyOpened: false,
-  isFullyClosed: false
-});
-
-exports.DrawerContextProvider = DrawerContextProvider;
-exports.useDrawerContext = useDrawerContext;
-exports.useDrawerContextSelector = useDrawerContextSelector;
-/*! 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"),{ContextProvider:DrawerContextProvider,useContext:useDrawerContext,useContextSelector:useDrawerContextSelector}=shared.createSelectableContext({isDisabled:!1,setIsDisabled:shared.noop,isFullyOpened:!1,isFullyClosed:!1});exports.DrawerContextProvider=DrawerContextProvider,exports.useDrawerContext=useDrawerContext,exports.useDrawerContextSelector=useDrawerContextSelector;/*! 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-drawer/index.cjs

@@ -1,165 +1,8 @@
-/*! 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 antd = require('antd');
-const react$1 = require('react');
-const cancelActionButton = require('./components/cancel-action-button.cjs');
-const okActionButton = require('./components/ok-action-button.cjs');
-const context = require('./context.cjs');
-const actionButtonWrapper = require('./components/action-button-wrapper.cjs');
-
-const drawerStyle = 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"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react"),cancelActionButton=require("./components/cancel-action-button.cjs"),okActionButton=require("./components/ok-action-button.cjs"),context=require("./context.cjs"),actionButtonWrapper=require("./components/action-button-wrapper.cjs"),drawerStyle=react.css`
   .vef-drawer-footer {
     display: flex;
     gap: ${shared.themeVariables.padding};
     justify-content: flex-end;
     align-items: center;
   }
-`;
-const responsiveSizeMap = {
-  narrow: "25",
-  half: "50",
-  wide: "75",
-  full: "100"
-};
-function VefDrawerBase({
-  title,
-  open,
-  closable = true,
-  closeOnEscPress = true,
-  closeOnMaskClick = false,
-  destroyOnClose = false,
-  placement = "right",
-  expansionSize,
-  extra,
-  showCancelButton = true,
-  cancelButtonText = "取消",
-  okButtonText = "提交",
-  actions,
-  loading,
-  cancelOnClose = true,
-  onClose,
-  onCancel,
-  onOk,
-  onAfterOpen,
-  onAfterClose,
-  children
-}) {
-  const expansionSizeProps = react$1.useMemo(() => {
-    if (expansionSize === "small") {
-      return {
-        size: "default"
-      };
-    } else if (expansionSize === "medium") {
-      return {
-        size: "large"
-      };
-    }
-    if (placement === "left" || placement === "right") {
-      return {
-        width: responsiveSizeMap[expansionSize] ? `${responsiveSizeMap[expansionSize]}vw` : expansionSize
-      };
-    }
-    return {
-      height: responsiveSizeMap[expansionSize] ? `${responsiveSizeMap[expansionSize]}vh` : expansionSize
-    };
-  }, [expansionSize, placement]);
-  const [drawerVisibleState, setDrawerVisibleState] = react$1.useState({
-    isFullyOpened: false,
-    isFullyClosed: false
-  });
-  const [isDisabled, setIsDisabled] = react$1.useState(false);
-  const drawerContext = react$1.useMemo(() => ({
-    isDisabled,
-    setIsDisabled,
-    ...drawerVisibleState
-  }), [isDisabled, drawerVisibleState]);
-  const modalDisabled = loading || isDisabled;
-  react$1.useLayoutEffect(() => {
-    if (open && drawerVisibleState.isFullyClosed) {
-      setDrawerVisibleState((prevState) => ({
-        ...prevState,
-        isFullyClosed: false
-      }));
-    }
-  }, [open]);
-  const actionNode = react$1.useMemo(() => {
-    const cancelButton = /* @__PURE__ */ jsxRuntime.jsx(cancelActionButton.default, { text: cancelButtonText, onClick: onCancel }, "cancelActionButton");
-    const okButton = /* @__PURE__ */ jsxRuntime.jsx(okActionButton.default, { text: okButtonText, onClick: onOk }, "okActionButton");
-    if (shared.isFunction(actions)) {
-      return actions([cancelButton, okButton]);
-    }
-    if (actions) {
-      return actions;
-    }
-    if (!showCancelButton) {
-      return okButton;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      cancelButton,
-      okButton
-    ] });
-  }, [actions, cancelButtonText, okButtonText, onCancel, onOk, showCancelButton]);
-  const handleClose = react$1.useCallback(() => {
-    if (modalDisabled) {
-      return;
-    }
-    if (cancelOnClose) {
-      onCancel?.();
-    }
-    onClose?.();
-  }, [cancelOnClose, modalDisabled, onCancel, onClose]);
-  const handleAfterOpenChange = react$1.useCallback((open2) => {
-    const hasAfterOpen = shared.isFunction(onAfterOpen);
-    const hasAfterClose = shared.isFunction(onAfterClose);
-    if (open2) {
-      if (hasAfterOpen) {
-        onAfterOpen();
-      }
-      setDrawerVisibleState((prevState) => ({
-        ...prevState,
-        isFullyOpened: true
-      }));
-    } else {
-      if (hasAfterClose) {
-        onAfterClose();
-      }
-      setDrawerVisibleState((prevState) => ({
-        ...prevState,
-        isFullyClosed: true
-      }));
-    }
-  }, [onAfterOpen, onAfterClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(context.DrawerContextProvider, { value: drawerContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Drawer,
-    {
-      afterOpenChange: handleAfterOpenChange,
-      closable,
-      css: drawerStyle,
-      destroyOnClose,
-      extra,
-      footer: !loading && actionNode,
-      keyboard: closeOnEscPress,
-      loading,
-      maskClosable: closeOnMaskClick,
-      open,
-      placement,
-      title,
-      zIndex: 20,
-      onClose: handleClose,
-      ...expansionSizeProps,
-      children
-    }
-  ) });
-}
-const VefDrawer = react$1.memo(VefDrawerBase);
-VefDrawer.displayName = "VefDrawer";
-
-exports.VefDrawerActionButtonWrapper = actionButtonWrapper.default;
-exports.default = VefDrawer;
-/*! 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 */
+`,responsiveSizeMap={narrow:"25",half:"50",wide:"75",full:"100"};function VefDrawerBase({title,open,closable=!0,closeOnEscPress=!0,closeOnMaskClick=!1,destroyOnClose=!1,placement="right",expansionSize,extra,showCancelButton=!0,cancelButtonText="取消",okButtonText="提交",actions,loading,cancelOnClose=!0,onClose,onCancel,onOk,onAfterOpen,onAfterClose,children}){const expansionSizeProps=react$1.useMemo(()=>expansionSize==="small"?{size:"default"}:expansionSize==="medium"?{size:"large"}:placement==="left"||placement==="right"?{width:responsiveSizeMap[expansionSize]?`${responsiveSizeMap[expansionSize]}vw`:expansionSize}:{height:responsiveSizeMap[expansionSize]?`${responsiveSizeMap[expansionSize]}vh`:expansionSize},[expansionSize,placement]),[drawerVisibleState,setDrawerVisibleState]=react$1.useState({isFullyOpened:!1,isFullyClosed:!1}),[isDisabled,setIsDisabled]=react$1.useState(!1),drawerContext=react$1.useMemo(()=>({isDisabled,setIsDisabled,...drawerVisibleState}),[isDisabled,drawerVisibleState]),modalDisabled=loading||isDisabled;react$1.useLayoutEffect(()=>{open&&drawerVisibleState.isFullyClosed&&setDrawerVisibleState(prevState=>({...prevState,isFullyClosed:!1}))},[open]);const actionNode=react$1.useMemo(()=>{const cancelButton=jsxRuntime.jsx(cancelActionButton.default,{text:cancelButtonText,onClick:onCancel},"cancelActionButton"),okButton=jsxRuntime.jsx(okActionButton.default,{text:okButtonText,onClick:onOk},"okActionButton");return shared.isFunction(actions)?actions([cancelButton,okButton]):actions||(showCancelButton?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[cancelButton,okButton]}):okButton)},[actions,cancelButtonText,okButtonText,onCancel,onOk,showCancelButton]),handleClose=react$1.useCallback(()=>{modalDisabled||(cancelOnClose&&onCancel?.(),onClose?.())},[cancelOnClose,modalDisabled,onCancel,onClose]),handleAfterOpenChange=react$1.useCallback(open2=>{const hasAfterOpen=shared.isFunction(onAfterOpen),hasAfterClose=shared.isFunction(onAfterClose);open2?(hasAfterOpen&&onAfterOpen(),setDrawerVisibleState(prevState=>({...prevState,isFullyOpened:!0}))):(hasAfterClose&&onAfterClose(),setDrawerVisibleState(prevState=>({...prevState,isFullyClosed:!0})))},[onAfterOpen,onAfterClose]);return jsxRuntime.jsx(context.DrawerContextProvider,{value:drawerContext,children:jsxRuntime.jsx(antd.Drawer,{afterOpenChange:handleAfterOpenChange,closable,css:drawerStyle,destroyOnClose,extra,footer:!loading&&actionNode,keyboard:closeOnEscPress,loading,maskClosable:closeOnMaskClick,open,placement,title,zIndex:20,onClose:handleClose,...expansionSizeProps,children})})}const VefDrawer=react$1.memo(VefDrawerBase);VefDrawer.displayName="VefDrawer",exports.VefDrawerActionButtonWrapper=actionButtonWrapper.default,exports.default=VefDrawer;/*! 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-drawer/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-dropdown/index.cjs

@@ -1,97 +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');
-
-function VefDropdownBase({
-  className,
-  disabled,
-  placement,
-  children,
-  items,
-  trigger = "hover",
-  selectable = false,
-  deselectable = false,
-  multiple = false,
-  defaultSelectedKeys,
-  selectedKeys,
-  onChange,
-  onSelect,
-  onDeselect,
-  onClick
-}) {
-  const dropdownTrigger = react.useMemo(() => [trigger], [trigger]);
-  const normalizedItems = hooks.useNormalizedMenuItems(items);
-  const menuProps = hooks.useDeepMemo(
-    () => ({
-      items: normalizedItems,
-      selectable,
-      unselectable: deselectable ? "on" : "off",
-      multiple,
-      defaultSelectedKeys,
-      selectedKeys,
-      onSelect: shared.isFunction(onChange) || shared.isFunction(onSelect) ? ({
-        key,
-        keyPath,
-        selectedKeys: selectedKeys2,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onChange?.(selectedKeys2);
-        onSelect?.(key, keyPath);
-      } : void 0,
-      onDeselect: shared.isFunction(onChange) || shared.isFunction(onDeselect) ? ({
-        key,
-        keyPath,
-        selectedKeys: selectedKeys2,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onChange?.(selectedKeys2);
-        onDeselect?.(key, keyPath);
-      } : void 0,
-      onClick: shared.isFunction(onClick) ? ({
-        key,
-        keyPath,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onClick(key, keyPath);
-      } : void 0
-    }),
-    [
-      defaultSelectedKeys,
-      multiple,
-      normalizedItems,
-      onChange,
-      onClick,
-      onDeselect,
-      onSelect,
-      selectable,
-      selectedKeys,
-      deselectable
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Dropdown,
-    {
-      className,
-      disabled,
-      menu: menuProps,
-      placement,
-      trigger: dropdownTrigger,
-      children
-    }
-  );
-}
-const VefDropdown = react.memo(VefDropdownBase);
-VefDropdown.displayName = "VefDropdown";
-
-exports.default = VefDropdown;
-/*! 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");function VefDropdownBase({className,disabled,placement,children,items,trigger="hover",selectable=!1,deselectable=!1,multiple=!1,defaultSelectedKeys,selectedKeys,onChange,onSelect,onDeselect,onClick}){const dropdownTrigger=react.useMemo(()=>[trigger],[trigger]),normalizedItems=hooks.useNormalizedMenuItems(items),menuProps=hooks.useDeepMemo(()=>({items:normalizedItems,selectable,unselectable:deselectable?"on":"off",multiple,defaultSelectedKeys,selectedKeys,onSelect:shared.isFunction(onChange)||shared.isFunction(onSelect)?({key,keyPath,selectedKeys:selectedKeys2,domEvent})=>{domEvent.stopPropagation(),onChange?.(selectedKeys2),onSelect?.(key,keyPath)}:void 0,onDeselect:shared.isFunction(onChange)||shared.isFunction(onDeselect)?({key,keyPath,selectedKeys:selectedKeys2,domEvent})=>{domEvent.stopPropagation(),onChange?.(selectedKeys2),onDeselect?.(key,keyPath)}:void 0,onClick:shared.isFunction(onClick)?({key,keyPath,domEvent})=>{domEvent.stopPropagation(),onClick(key,keyPath)}:void 0}),[defaultSelectedKeys,multiple,normalizedItems,onChange,onClick,onDeselect,onSelect,selectable,selectedKeys,deselectable]);return jsxRuntime.jsx(antd.Dropdown,{className,disabled,menu:menuProps,placement,trigger:dropdownTrigger,children})}const VefDropdown=react.memo(VefDropdownBase);VefDropdown.displayName="VefDropdown",exports.default=VefDropdown;/*! 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-dropdown/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 */