@vef-framework/components 1.0.99 → 1.0.100

package/es/vef-drawer/index.js

@@ -1,160 +1,10 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-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';
-
-const drawerStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e,jsxs as o,Fragment as t}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{themeVariables as l,isFunction as r}from"@vef-framework/shared";import{Drawer as s}from"antd";import{useMemo as a,useState as i,useLayoutEffect as c,useCallback as d,memo as m}from"react";import f from"./components/cancel-action-button.js";import p from"./components/ok-action-button.js";import{DrawerContextProvider as u}from"./context.js";export{default as VefDrawerActionButtonWrapper}from"./components/action-button-wrapper.js";const C=n`
   .vef-drawer-footer {
     display: flex;
-    gap: ${themeVariables.padding};
+    gap: ${l.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 = "\u53D6\u6D88",
-  okButtonText = "\u63D0\u4EA4",
-  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 };
+`,h={narrow:"25",half:"50",wide:"75",full:"100"};const x=m((function VefDrawerBase({title:n,open:l,closable:m=!0,closeOnEscPress:x=!0,closeOnMaskClick:y=!1,destroyOnClose:k=!1,placement:w="right",expansionSize:g,extra:O,showCancelButton:b=!0,cancelButtonText:B="取消",okButtonText:j="提交",actions:F,loading:v,cancelOnClose:A=!0,onClose:D,onCancel:z,onOk:V,onAfterOpen:$,onAfterClose:I,children:T}){const E=a((()=>"small"===g?{size:"default"}:"medium"===g?{size:"large"}:"left"===w||"right"===w?{width:h[g]?`${h[g]}vw`:g}:{height:h[g]?`${h[g]}vh`:g}),[g,w]),[M,N]=i({isFullyOpened:!1,isFullyClosed:!1}),[P,S]=i(!1),W=a((()=>({isDisabled:P,setIsDisabled:S,...M})),[P,M]),q=v||P;c((()=>{l&&M.isFullyClosed&&N((e=>({...e,isFullyClosed:!1})))}),[l]);const G=a((()=>{const n=e(f,{text:B,onClick:z},"cancelActionButton"),l=e(p,{text:j,onClick:V},"okActionButton");return r(F)?F([n,l]):F||(b?o(t,{children:[n,l]}):l)}),[F,B,j,z,V,b]),H=d((()=>{q||(A&&z?.(),D?.())}),[A,q,z,D]),J=d((e=>{const o=r($),t=r(I);e?(o&&$(),N((e=>({...e,isFullyOpened:!0})))):(t&&I(),N((e=>({...e,isFullyClosed:!0}))))}),[$,I]);return e(u,{value:W,children:e(s,{afterOpenChange:J,closable:m,css:C,destroyOnClose:k,extra:O,footer:!v&&G,keyboard:x,loading:v,maskClosable:y,open:l,placement:w,title:n,zIndex:20,onClose:H,...E,children:T})})}));x.displayName="VefDrawer";export{x as default};
 /*! 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/es/vef-dropdown/index.js

@@ -1,93 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-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';
-
-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 };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useNormalizedMenuItems as t,useDeepMemo as o}from"@vef-framework/hooks";import{isFunction as l}from"@vef-framework/shared";import{Dropdown as a}from"antd";import{useMemo as s,memo as r}from"react";const n=r((function VefDropdownBase({className:r,disabled:n,placement:c,children:d,items:i,trigger:m="hover",selectable:p=!1,deselectable:f=!1,multiple:y=!1,defaultSelectedKeys:k,selectedKeys:u,onChange:h,onSelect:v,onDeselect:g,onClick:b}){const K=s((()=>[m]),[m]),P=t(i),w=o((()=>({items:P,selectable:p,unselectable:f?"on":"off",multiple:y,defaultSelectedKeys:k,selectedKeys:u,onSelect:l(h)||l(v)?({key:e,keyPath:t,selectedKeys:o,domEvent:l})=>{l.stopPropagation(),h?.(o),v?.(e,t)}:void 0,onDeselect:l(h)||l(g)?({key:e,keyPath:t,selectedKeys:o,domEvent:l})=>{l.stopPropagation(),h?.(o),g?.(e,t)}:void 0,onClick:l(b)?({key:e,keyPath:t,domEvent:o})=>{o.stopPropagation(),b(e,t)}:void 0})),[k,y,P,h,b,g,v,p,u,f]);return e(a,{className:r,disabled:n,menu:w,placement:c,trigger:K,children:d})}));n.displayName="VefDropdown";export{n as default};
 /*! 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/es/vef-dynamic-icon/index.js

@@ -1,47 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useThemeTokens } from '@vef-framework/hooks';
-import dynamicIconImports from 'lucide-react/dynamicIconImports';
-import { forwardRef, lazy, Suspense } from 'react';
-import VefIcon from '../vef-icon/index.js';
-
-function SvgPlaceholder() {
-  const { colorFillContent } = useThemeTokens();
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      "aria-label": "Loading icon",
-      height: "1em",
-      role: "img",
-      viewBox: "0 0 100 100",
-      width: "1em",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx(
-        "rect",
-        {
-          fill: colorFillContent,
-          height: "100",
-          rx: "20",
-          width: "100"
-        }
-      )
-    }
-  );
-}
-const fallback = /* @__PURE__ */ jsx(SvgPlaceholder, {});
-const iconCache = /* @__PURE__ */ new Map();
-const VefDynamicIcon = forwardRef(({
-  name,
-  ...restProps
-}, ref) => {
-  if (!iconCache.has(name)) {
-    const Icon2 = lazy(dynamicIconImports[name]);
-    iconCache.set(name, Icon2);
-  }
-  const Icon = iconCache.get(name);
-  return /* @__PURE__ */ jsx(VefIcon, { ref, ...restProps, children: /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(Icon, {}) }) });
-});
-VefDynamicIcon.displayName = "VefDynamicIcon";
-
-export { VefDynamicIcon as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useThemeTokens as o}from"@vef-framework/hooks";import r from"lucide-react/dynamicIconImports";import{forwardRef as t,lazy as i,Suspense as n}from"react";import c from"../vef-icon/index.js";function SvgPlaceholder(){const{colorFillContent:r}=o();return e("svg",{"aria-label":"Loading icon",height:"1em",role:"img",viewBox:"0 0 100 100",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:e("rect",{fill:r,height:"100",rx:"20",width:"100"})})}const m=e(SvgPlaceholder,{}),a=new Map,l=t((({name:o,...t},l)=>{if(!a.has(o)){const e=i(r[o]);a.set(o,e)}const f=a.get(o);return e(c,{ref:l,...t,children:e(n,{fallback:m,children:e(f,{})})})}));l.displayName="VefDynamicIcon";export{l as default};
 /*! 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/es/vef-dynamic-icon/props.js

@@ -1,7 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import dynamicIconImports from 'lucide-react/dynamicIconImports';
-
-const dynamicIconNames = new Set(Object.keys(dynamicIconImports));
-
-export { dynamicIconNames };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import e from"lucide-react/dynamicIconImports";const t=new Set(Object.keys(e));export{t as dynamicIconNames};
 /*! 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/es/vef-empty/index.js

@@ -1,38 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isNullish } from '@vef-framework/shared';
-import { Empty } from 'antd';
-import { useMemo } from 'react';
-
-const { PRESENTED_IMAGE_DEFAULT, PRESENTED_IMAGE_SIMPLE } = Empty;
-function VefEmpty({
-  icon,
-  iconStyle,
-  presetIcon = "default",
-  ...restProps
-}) {
-  const iconToUse = useMemo(() => {
-    if (isNullish(icon)) {
-      return presetIcon === "default" ? PRESENTED_IMAGE_DEFAULT : PRESENTED_IMAGE_SIMPLE;
-    }
-    return icon;
-  }, [icon, presetIcon]);
-  const styles = useMemo(() => {
-    if (!isNullish(iconStyle)) {
-      return {
-        image: iconStyle
-      };
-    }
-  }, [iconStyle]);
-  return /* @__PURE__ */ jsx(
-    Empty,
-    {
-      image: iconToUse,
-      styles,
-      ...restProps
-    }
-  );
-}
-
-export { VefEmpty as default };
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{isNullish as e}from"@vef-framework/shared";import{Empty as r}from"antd";import{useMemo as o}from"react";const{PRESENTED_IMAGE_DEFAULT:m,PRESENTED_IMAGE_SIMPLE:f}=r;function VefEmpty({icon:i,iconStyle:n,presetIcon:E="default",...a}){const c=o((()=>e(i)?"default"===E?m:f:i),[i,E]),p=o((()=>{if(!e(n))return{image:n}}),[n]);return t(r,{image:c,styles:p,...a})}export{VefEmpty as default};
 /*! 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/es/vef-empty-placeholder/index.js

@@ -1,21 +1,7 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables, styles } from '@vef-framework/shared';
-import VefEmpty from '../vef-empty/index.js';
-
-const emptyPlaceholderStyle = css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as t,styles as o}from"@vef-framework/shared";import m from"../vef-empty/index.js";const a=r`
   height: 100%;
-  padding: ${themeVariables.paddingLg};
-  ${styles.flexCenter}
-`;
-function VefEmptyPlaceholder({
-  className,
-  style,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx("div", { className, css: emptyPlaceholderStyle, style, children: /* @__PURE__ */ jsx(VefEmpty, { ...restProps }) });
-}
-
-export { VefEmptyPlaceholder as default };
+  padding: ${t.paddingLg};
+  ${o.flexCenter}
+`;function VefEmptyPlaceholder({className:r,style:t,...o}){return e("div",{className:r,css:a,style:t,children:e(m,{...o})})}export{VefEmptyPlaceholder as default};
 /*! 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 */