@vef-framework/components 1.0.128 → 1.0.129

package/esm/vef-crud-page/store.js

@@ -1,143 +1,2 @@
 "use strict";
-import { createComponentStore, creationFormScene, isNullish, isFunction, mergeFns, showSuccessMessage, showSuccessAlert, invokeMaybeAsyncFn } from '@vef-framework/shared';
-
-"use strict";
-const {
-  StoreProvider: CrudStoreProvider,
-  useStore: useCrudStore,
-  useStoreApi: useCrudStoreApi
-} = createComponentStore(
-  "Crud",
-  ({
-    filterValueAsDefaultKeys,
-    formApiKeys,
-    onFormOpen,
-    onBeforeSubmit,
-    onSubmitSuccess
-  }) => (set, get) => ({
-    onFormOpen,
-    onBeforeSubmit,
-    onSubmitSuccess,
-    currentFormInfo: {
-      scene: creationFormScene,
-      title: "创建",
-      width: "medium"
-    },
-    currentFormEventHandlers: {},
-    currentFormInitialValues: {},
-    isFormOpen: false,
-    openForm: async ({
-      initialValues,
-      width,
-      onBeforeSubmit: onBeforeSubmit2,
-      onSubmitSuccess: onSubmitSuccess2,
-      showSuccessTip = true,
-      successTipType = "message",
-      ...formInfo
-    }) => {
-      const {
-        filterValues,
-        onFormOpen: onFormOpen2,
-        closeForm,
-        onBeforeSubmit: globalOnBeforeSubmit,
-        onSubmitSuccess: globalOnSubmitSuccess,
-        setIsFormLoading
-      } = get();
-      const initialFormValues = {
-        ...filterValueAsDefaultKeys.reduce((acc, key) => {
-          const value = filterValues[key];
-          if (isNullish(value)) {
-            return acc;
-          }
-          acc[key] = value;
-          return acc;
-        }, {}),
-        ...initialValues
-      };
-      const mergedOnBeforeSubmit = isFunction(onBeforeSubmit2) || isFunction(globalOnBeforeSubmit) ? async (values, scene) => {
-        const result = await onBeforeSubmit2?.(values, scene);
-        const globalResult = await globalOnBeforeSubmit?.(result ?? values, scene);
-        return globalResult ?? result;
-      } : void 0;
-      const mergedOnSubmitSuccess = isFunction(onSubmitSuccess2) || isFunction(globalOnSubmitSuccess) ? mergeFns(
-        ({ message }) => {
-          if (showSuccessTip) {
-            if (successTipType === "message") {
-              showSuccessMessage(message);
-            } else {
-              showSuccessAlert(message);
-            }
-          }
-          closeForm();
-        },
-        onSubmitSuccess2,
-        globalOnSubmitSuccess
-      ) : void 0;
-      set({
-        isFormOpen: true,
-        currentFormInfo: {
-          ...formInfo,
-          width: width ?? "medium"
-        },
-        currentFormEventHandlers: {
-          onBeforeSubmit: mergedOnBeforeSubmit,
-          onSubmitSuccess: mergedOnSubmitSuccess
-        },
-        isFormLoading: Boolean(onFormOpen2)
-      });
-      if (onFormOpen2) {
-        await invokeMaybeAsyncFn(
-          onFormOpen2,
-          {
-            onSuccess: (initialFormValues2) => {
-              set({ currentFormInitialValues: initialFormValues2 });
-            },
-            onFinally: () => {
-              setIsFormLoading(false);
-            }
-          },
-          initialFormValues,
-          filterValues,
-          formInfo.scene
-        );
-      } else {
-        set({
-          currentFormInitialValues: initialFormValues
-        });
-      }
-    },
-    closeForm: () => {
-      set({
-        isFormOpen: false,
-        currentFormInitialValues: {},
-        currentFormEventHandlers: {}
-      });
-    },
-    isFormLoading: false,
-    setIsFormLoading: (isFormLoading) => {
-      set({ isFormLoading });
-    },
-    filterValueAsDefaultKeys,
-    filterValues: {},
-    setFilterValues: (filterValues) => {
-      set({ filterValues });
-    },
-    confirmedFilterValues: null,
-    setConfirmedFilterValues: (confirmedFilterValues) => {
-      set({ confirmedFilterValues });
-    },
-    selectedInfo: {
-      selectedKeys: [],
-      selectedRecords: []
-    },
-    setSelectedInfo: (selectedInfo) => {
-      set({ selectedInfo });
-    },
-    formApiKeys,
-    tableInstanceRef: {
-      current: null
-    }
-  })
-);
-
-export { CrudStoreProvider, useCrudStore, useCrudStoreApi };
+import{createComponentStore as C,creationFormScene as K,isNullish as B,isFunction as t,mergeFns as L,showSuccessMessage as H,showSuccessAlert as E,invokeMaybeAsyncFn as T}from"@vef-framework/shared";const{StoreProvider:D,useStore:M,useStoreApi:P}=C("Crud",({filterValueAsDefaultKeys:u,formApiKeys:f,onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b})=>(r,I)=>({onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b,currentFormInfo:{scene:K,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:s,width:g,onBeforeSubmit:c,onSubmitSuccess:l,showSuccessTip:y=!0,successTipType:w="message",...a})=>{const{filterValues:m,onFormOpen:i,closeForm:A,onBeforeSubmit:F,onSubmitSuccess:d,setIsFormLoading:h}=I(),S={...u.reduce((e,n)=>{const o=m[n];return B(o)||(e[n]=o),e},{}),...s},v=t(c)||t(F)?async(e,n)=>{const o=await c?.(e,n);return await F?.(o??e,n)??o}:void 0,O=t(l)||t(d)?L(({message:e})=>{y&&(w==="message"?H(e):E(e)),A()},l,d):void 0;r({isFormOpen:!0,currentFormInfo:{...a,width:g??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:O},isFormLoading:!!i}),i?await T(i,{onSuccess:e=>{r({currentFormInitialValues:e})},onFinally:()=>{h(!1)}},S,m,a.scene):r({currentFormInitialValues:S})},closeForm:()=>{r({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:s=>{r({isFormLoading:s})},filterValueAsDefaultKeys:u,filterValues:{},setFilterValues:s=>{r({filterValues:s})},confirmedFilterValues:null,setConfirmedFilterValues:s=>{r({confirmedFilterValues:s})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:s=>{r({selectedInfo:s})},formApiKeys:f,tableInstanceRef:{current:null}}));export{D as CrudStoreProvider,M as useCrudStore,P as useCrudStoreApi};

package/esm/vef-data-grid/index.js

@@ -1,86 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { HotTable } from '@handsontable/react-wrapper';
-import { registerLanguageDictionary, zhCN } from 'handsontable/i18n';
-import { registerAllModules } from 'handsontable/registry';
-import { useRef } from 'react';
-
-"use strict";
-registerAllModules();
-registerLanguageDictionary(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 = useRef(null);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width: "100%",
-        maxHeight: "500px"
-      },
-      children: /* @__PURE__ */ jsx(
-        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: zhCN.languageCode,
-          licenseKey: "non-commercial-and-evaluation",
-          locale: 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);
-            }
-          }
-        }
-      )
-    }
-  );
-}
-
-export { VefDataGrid as default };
+import{jsx as l}from"@emotion/react/jsx-runtime";import{HotTable as i}from"@handsontable/react-wrapper";import{registerLanguageDictionary as m,zhCN as t}from"handsontable/i18n";import{registerAllModules as s}from"handsontable/registry";import{useRef as g}from"react";s(),m(t);const d=Array.from({length:1e3}).map((n,e)=>({name:`Name${e+1}`,gender:e%2===0?"Male":"Female",age:Math.floor(Math.random()*100)+18,id:e+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${e+1}`})),u=[{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 c(n){console.log("file: index.tsx:49 ~ props:",n);const e=g(null);return l("div",{style:{width:"100%",maxHeight:"500px"},children:l(i,{ref:e,autoColumnSize:!0,autoRowSize:!0,colHeaders:!0,disableVisualSelection:!0,manualColumnMove:!0,manualColumnResize:!0,multiColumnSorting:!0,readOnly:!0,rowHeaders:!0,columns:u,data:d,language:t.languageCode,licenseKey:"non-commercial-and-evaluation",locale:t.languageCode,themeName:"ht-theme-main",beforeColumnSort:(f,o)=>{if(console.log("file: index.tsx:68 ~ sortConfigs:",o),o.length>0){const a=e.current?.hotInstance?.getColHeader(o[0].column);console.log("file: index.tsx:77 ~ header:",a);const r=e.current?.hotInstance?.getColumnMeta(o[0].column);console.log("file: index.tsx:79 ~ meta:",r)}}})})}export{c as default};

package/esm/vef-data-table/index.js

@@ -1,10 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-
-"use strict";
-function VefDataTable(props) {
-  console.log("file: index.tsx:3 ~ props:", props);
-  return /* @__PURE__ */ jsx("div", { children: "data table" });
-}
-
-export { VefDataTable as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";function o(e){return console.log("file: index.tsx:3 ~ props:",e),t("div",{children:"data table"})}export{o as default};

package/esm/vef-divider/index.js

@@ -1,25 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Divider } from 'antd';
-
-"use strict";
-function VefDivider({
-  orientation,
-  title,
-  titlePosition,
-  titleEdgeMargin,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Divider,
-    {
-      children: title,
-      orientation: titlePosition,
-      orientationMargin: titleEdgeMargin,
-      type: orientation,
-      ...restProps
-    }
-  );
-}
-
-export { VefDivider as default };
+import{jsx as n}from"@emotion/react/jsx-runtime";import{Divider as a}from"antd";function f({orientation:t,title:i,titlePosition:r,titleEdgeMargin:e,...o}){return n(a,{children:i,orientation:r,orientationMargin:e,type:t,...o})}export{f as default};

package/esm/vef-drawer/components/action-button-wrapper.js

@@ -1,50 +1,2 @@
 "use strict";
-import { jsx, Fragment } from '@emotion/react/jsx-runtime';
-import { invokeMaybeAsyncFn } from '@vef-framework/shared';
-import { useState, useMemo, cloneElement } from 'react';
-import { useDrawerContextSelector } from '../context.js';
-
-"use strict";
-function VefDrawerActionButtonWrapper({
-  children
-}) {
-  const [isDisabled, setIsDisabled] = useDrawerContextSelector((ctx) => [ctx.isDisabled, ctx.setIsDisabled]);
-  const [isLoading, setIsLoading] = useState(false);
-  const {
-    disabled,
-    loading,
-    onClick
-  } = children.props;
-  const wrappedOnClick = useMemo(() => {
-    if (!onClick) {
-      return;
-    }
-    return async (event) => {
-      await invokeMaybeAsyncFn(
-        onClick,
-        {
-          beforeInvoke: () => {
-            setIsLoading(true);
-            setIsDisabled(true);
-          },
-          onFinally: () => {
-            setIsLoading(false);
-            setIsDisabled(false);
-          }
-        },
-        event
-      );
-    };
-  }, [onClick, setIsDisabled]);
-  const buttonNode = cloneElement(
-    children,
-    {
-      disabled: isDisabled || disabled,
-      loading: isLoading || loading,
-      onClick: wrappedOnClick
-    }
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: buttonNode });
-}
-
-export { VefDrawerActionButtonWrapper as default };
+import{jsx as m,Fragment as f}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn as p}from"@vef-framework/shared";import{useState as u,useMemo as b,cloneElement as k}from"react";import{useDrawerContextSelector as y}from"../context.js";function g({children:i}){const[r,o]=y(e=>[e.isDisabled,e.setIsDisabled]),[s,t]=u(!1),{disabled:a,loading:l,onClick:n}=i.props,c=b(()=>{if(n)return async e=>{await p(n,{beforeInvoke:()=>{t(!0),o(!0)},onFinally:()=>{t(!1),o(!1)}},e)}},[n,o]),d=k(i,{disabled:r||a,loading:s||l,onClick:c});return m(f,{children:d})}export{g as default};

package/esm/vef-drawer/components/cancel-action-button.js

@@ -1,22 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import VefButton from '../../vef-button/index.js';
-import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
-
-"use strict";
-function VefCancelActionButton({
-  text,
-  onClick
-}) {
-  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
-    VefButton,
-    {
-      color: "default",
-      variant: "text",
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-export { VefCancelActionButton as default };
+import{jsx as t}from"@emotion/react/jsx-runtime";import i from"../../vef-button/index.js";import e from"./action-button-wrapper.js";function n({text:r,onClick:o}){return t(e,{children:t(i,{color:"default",variant:"text",onClick:o,children:r})})}export{n as default};

package/esm/vef-drawer/components/ok-action-button.js

@@ -1,21 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { CheckIcon } from 'lucide-react';
-import VefButton from '../../vef-button/index.js';
-import VefIcon from '../../vef-icon/index.js';
-import VefDrawerActionButtonWrapper from './action-button-wrapper.js';
-
-"use strict";
-function VefOkActionButton({ text, onClick }) {
-  return /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
-    VefButton,
-    {
-      color: "primary",
-      icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
-      onClick,
-      children: text
-    }
-  ) });
-}
-
-export { VefOkActionButton as default };
+import{jsx as r}from"@emotion/react/jsx-runtime";import{CheckIcon as t}from"lucide-react";import c from"../../vef-button/index.js";import m from"../../vef-icon/index.js";import n from"./action-button-wrapper.js";function e({text:o,onClick:i}){return r(n,{children:r(c,{color:"primary",icon:r(m,{children:r(t,{})}),onClick:i,children:o})})}export{e as default};

package/esm/vef-drawer/context.js

@@ -1,16 +1,2 @@
 "use strict";
-import { createSelectableContext, noop } from '@vef-framework/shared';
-
-"use strict";
-const {
-  ContextProvider: DrawerContextProvider,
-  useContext: useDrawerContext,
-  useContextSelector: useDrawerContextSelector
-} = createSelectableContext({
-  isDisabled: false,
-  setIsDisabled: noop,
-  isFullyOpened: false,
-  isFullyClosed: false
-});
-
-export { DrawerContextProvider, useDrawerContext, useDrawerContextSelector };
+import{createSelectableContext as e,noop as t}from"@vef-framework/shared";const{ContextProvider:s,useContext:o,useContextSelector:r}=e({isDisabled:!1,setIsDisabled:t,isFullyOpened:!1,isFullyClosed:!1});export{s as DrawerContextProvider,o as useDrawerContext,r as useDrawerContextSelector};

package/esm/vef-drawer/index.js

@@ -1,160 +1,9 @@
 "use strict";
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, isFunction } from '@vef-framework/shared';
-import { Drawer } from 'antd';
-import { useMemo, useState, useLayoutEffect, useCallback, memo } from 'react';
-import VefCancelActionButton from './components/cancel-action-button.js';
-import VefOkActionButton from './components/ok-action-button.js';
-import { DrawerContextProvider } from './context.js';
-export { default as VefDrawerActionButtonWrapper } from './components/action-button-wrapper.js';
-
-"use strict";
-const drawerStyle = css`
+import{jsx as r,jsxs as N,Fragment as Y}from"@emotion/react/jsx-runtime";import{css as Z}from"@emotion/react";import{themeVariables as G,isFunction as x}from"@vef-framework/shared";import{Drawer as H}from"antd";import{useMemo as y,useState as B,useLayoutEffect as J,useCallback as D,memo as K}from"react";import Q from"./components/cancel-action-button.js";import R from"./components/ok-action-button.js";import{DrawerContextProvider as U}from"./context.js";import{default as de}from"./components/action-button-wrapper.js";const X=Z`
   .vef-drawer-footer {
     display: flex;
-    gap: ${themeVariables.padding};
+    gap: ${G.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 = 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] = useState({
-    isFullyOpened: false,
-    isFullyClosed: false
-  });
-  const [isDisabled, setIsDisabled] = useState(false);
-  const drawerContext = useMemo(() => ({
-    isDisabled,
-    setIsDisabled,
-    ...drawerVisibleState
-  }), [isDisabled, drawerVisibleState]);
-  const modalDisabled = loading || isDisabled;
-  useLayoutEffect(() => {
-    if (open && drawerVisibleState.isFullyClosed) {
-      setDrawerVisibleState((prevState) => ({
-        ...prevState,
-        isFullyClosed: false
-      }));
-    }
-  }, [open]);
-  const actionNode = useMemo(() => {
-    const cancelButton = /* @__PURE__ */ jsx(VefCancelActionButton, { text: cancelButtonText, onClick: onCancel }, "cancelActionButton");
-    const okButton = /* @__PURE__ */ jsx(VefOkActionButton, { text: okButtonText, onClick: onOk }, "okActionButton");
-    if (isFunction(actions)) {
-      return actions([cancelButton, okButton]);
-    }
-    if (actions) {
-      return actions;
-    }
-    if (!showCancelButton) {
-      return okButton;
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      cancelButton,
-      okButton
-    ] });
-  }, [actions, cancelButtonText, okButtonText, onCancel, onOk, showCancelButton]);
-  const handleClose = useCallback(() => {
-    if (modalDisabled) {
-      return;
-    }
-    if (cancelOnClose) {
-      onCancel?.();
-    }
-    onClose?.();
-  }, [cancelOnClose, modalDisabled, onCancel, onClose]);
-  const handleAfterOpenChange = useCallback((open2) => {
-    const hasAfterOpen = isFunction(onAfterOpen);
-    const hasAfterClose = 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__ */ jsx(DrawerContextProvider, { value: drawerContext, children: /* @__PURE__ */ jsx(
-    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 = memo(VefDrawerBase);
-VefDrawer.displayName = "VefDrawer";
-
-export { VefDrawer as default };
+`,i={narrow:"25",half:"50",wide:"75",full:"100"};function _({title:A,open:a,closable:j=!0,closeOnEscPress:v=!0,closeOnMaskClick:E=!1,destroyOnClose:S=!1,placement:s="right",expansionSize:e,extra:I,showCancelButton:h=!0,cancelButtonText:g="取消",okButtonText:w="提交",actions:l,loading:c,cancelOnClose:O=!0,onClose:k,onCancel:n,onOk:F,onAfterOpen:d,onAfterClose:f,children:L}){const M=y(()=>e==="small"?{size:"default"}:e==="medium"?{size:"large"}:s==="left"||s==="right"?{width:i[e]?`${i[e]}vw`:e}:{height:i[e]?`${i[e]}vh`:e},[e,s]),[m,u]=B({isFullyOpened:!1,isFullyClosed:!1}),[p,P]=B(!1),T=y(()=>({isDisabled:p,setIsDisabled:P,...m}),[p,m]),b=c||p;J(()=>{a&&m.isFullyClosed&&u(o=>({...o,isFullyClosed:!1}))},[a]);const V=y(()=>{const o=r(Q,{text:g,onClick:n},"cancelActionButton"),t=r(R,{text:w,onClick:F},"okActionButton");return x(l)?l([o,t]):l||(h?N(Y,{children:[o,t]}):t)},[l,g,w,n,F,h]),W=D(()=>{b||(O&&n?.(),k?.())},[O,b,n,k]),$=D(o=>{const t=x(d),q=x(f);o?(t&&d(),u(C=>({...C,isFullyOpened:!0}))):(q&&f(),u(C=>({...C,isFullyClosed:!0})))},[d,f]);return r(U,{value:T,children:r(H,{afterOpenChange:$,closable:j,css:X,destroyOnClose:S,extra:I,footer:!c&&V,keyboard:v,loading:c,maskClosable:E,open:a,placement:s,title:A,zIndex:20,onClose:W,...M,children:L})})}const z=K(_);z.displayName="VefDrawer";export{de as VefDrawerActionButtonWrapper,z as default};

package/esm/vef-dropdown/index.js

@@ -1,93 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useNormalizedMenuItems, useDeepMemo } from '@vef-framework/hooks';
-import { isFunction } from '@vef-framework/shared';
-import { Dropdown } from 'antd';
-import { useMemo, memo } from 'react';
-
-"use strict";
-function VefDropdownBase({
-  className,
-  disabled,
-  placement,
-  children,
-  items,
-  trigger = "hover",
-  selectable = false,
-  deselectable = false,
-  multiple = false,
-  defaultSelectedKeys,
-  selectedKeys,
-  onChange,
-  onSelect,
-  onDeselect,
-  onClick
-}) {
-  const dropdownTrigger = useMemo(() => [trigger], [trigger]);
-  const normalizedItems = useNormalizedMenuItems(items);
-  const menuProps = useDeepMemo(
-    () => ({
-      items: normalizedItems,
-      selectable,
-      unselectable: deselectable ? "on" : "off",
-      multiple,
-      defaultSelectedKeys,
-      selectedKeys,
-      onSelect: isFunction(onChange) || isFunction(onSelect) ? ({
-        key,
-        keyPath,
-        selectedKeys: selectedKeys2,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onChange?.(selectedKeys2);
-        onSelect?.(key, keyPath);
-      } : void 0,
-      onDeselect: isFunction(onChange) || isFunction(onDeselect) ? ({
-        key,
-        keyPath,
-        selectedKeys: selectedKeys2,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onChange?.(selectedKeys2);
-        onDeselect?.(key, keyPath);
-      } : void 0,
-      onClick: isFunction(onClick) ? ({
-        key,
-        keyPath,
-        domEvent
-      }) => {
-        domEvent.stopPropagation();
-        onClick(key, keyPath);
-      } : void 0
-    }),
-    [
-      defaultSelectedKeys,
-      multiple,
-      normalizedItems,
-      onChange,
-      onClick,
-      onDeselect,
-      onSelect,
-      selectable,
-      selectedKeys,
-      deselectable
-    ]
-  );
-  return /* @__PURE__ */ jsx(
-    Dropdown,
-    {
-      className,
-      disabled,
-      menu: menuProps,
-      placement,
-      trigger: dropdownTrigger,
-      children
-    }
-  );
-}
-const VefDropdown = memo(VefDropdownBase);
-VefDropdown.displayName = "VefDropdown";
-
-export { VefDropdown as default };
+import{jsx as N}from"@emotion/react/jsx-runtime";import{useNormalizedMenuItems as S,useDeepMemo as C}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{Dropdown as E}from"antd";import{useMemo as M,memo as x}from"react";function F({className:k,disabled:h,placement:v,children:b,items:D,trigger:c="hover",selectable:r=!1,deselectable:d=!1,multiple:p=!1,defaultSelectedKeys:u,selectedKeys:y,onChange:e,onSelect:m,onDeselect:n,onClick:a}){const K=M(()=>[c],[c]),f=S(D),P=C(()=>({items:f,selectable:r,unselectable:d?"on":"off",multiple:p,defaultSelectedKeys:u,selectedKeys:y,onSelect:s(e)||s(m)?({key:t,keyPath:o,selectedKeys:l,domEvent:i})=>{i.stopPropagation(),e?.(l),m?.(t,o)}:void 0,onDeselect:s(e)||s(n)?({key:t,keyPath:o,selectedKeys:l,domEvent:i})=>{i.stopPropagation(),e?.(l),n?.(t,o)}:void 0,onClick:s(a)?({key:t,keyPath:o,domEvent:l})=>{l.stopPropagation(),a(t,o)}:void 0}),[u,p,f,e,a,n,m,r,y,d]);return N(E,{className:k,disabled:h,menu:P,placement:v,trigger:K,children:b})}const g=x(F);g.displayName="VefDropdown";export{g as default};