@vef-framework/components 1.0.127 → 1.0.129

package/cjs/vef-drawer/context.cjs

@@ -1,20 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-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;
+"use strict";var e=require("@vef-framework/shared");const{ContextProvider:t,useContext:r,useContextSelector:s}=e.createSelectableContext({isDisabled:!1,setIsDisabled:e.noop,isFullyOpened:!1,isFullyClosed:!1});exports.DrawerContextProvider=t,exports.useDrawerContext=r,exports.useDrawerContextSelector=s;

package/cjs/vef-drawer/index.cjs

@@ -1,165 +1,9 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-var cancelActionButton = require('./components/cancel-action-button.cjs');
-var okActionButton = require('./components/ok-action-button.cjs');
-var context = require('./context.cjs');
-var actionButtonWrapper = require('./components/action-button-wrapper.cjs');
-
-"use strict";
-const drawerStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@emotion/react/jsx-runtime"),T=require("@emotion/react"),i=require("@vef-framework/shared"),V=require("antd"),t=require("react"),_=require("./components/cancel-action-button.cjs"),N=require("./components/ok-action-button.cjs"),R=require("./context.cjs"),Y=require("./components/action-button-wrapper.cjs");const Z=T.css`
   .vef-drawer-footer {
     display: flex;
-    gap: ${shared.themeVariables.padding};
+    gap: ${i.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;
+`,c={narrow:"25",half:"50",wide:"75",full:"100"};function G({title:B,open:u,closable:b=!0,closeOnEscPress:j=!0,closeOnMaskClick:A=!1,destroyOnClose:D=!1,placement:l="right",expansionSize:e,extra:z,showCancelButton:h=!0,cancelButtonText:v="取消",okButtonText:g="提交",actions:o,loading:d,cancelOnClose:k=!0,onClose:F,onCancel:a,onOk:O,onAfterOpen:f,onAfterClose:C,children:M}){const S=t.useMemo(()=>e==="small"?{size:"default"}:e==="medium"?{size:"large"}:l==="left"||l==="right"?{width:c[e]?`${c[e]}vw`:e}:{height:c[e]?`${c[e]}vh`:e},[e,l]),[x,m]=t.useState({isFullyOpened:!1,isFullyClosed:!1}),[p,$]=t.useState(!1),E=t.useMemo(()=>({isDisabled:p,setIsDisabled:$,...x}),[p,x]),q=d||p;t.useLayoutEffect(()=>{u&&x.isFullyClosed&&m(n=>({...n,isFullyClosed:!1}))},[u]);const P=t.useMemo(()=>{const n=s.jsx(_.default,{text:v,onClick:a},"cancelActionButton"),r=s.jsx(N.default,{text:g,onClick:O},"okActionButton");return i.isFunction(o)?o([n,r]):o||(h?s.jsxs(s.Fragment,{children:[n,r]}):r)},[o,v,g,a,O,h]),W=t.useCallback(()=>{q||(k&&a?.(),F?.())},[k,q,a,F]),I=t.useCallback(n=>{const r=i.isFunction(f),L=i.isFunction(C);n?(r&&f(),m(y=>({...y,isFullyOpened:!0}))):(L&&C(),m(y=>({...y,isFullyClosed:!0})))},[f,C]);return s.jsx(R.DrawerContextProvider,{value:E,children:s.jsx(V.Drawer,{afterOpenChange:I,closable:b,css:Z,destroyOnClose:D,extra:z,footer:!d&&P,keyboard:j,loading:d,maskClosable:A,open:u,placement:l,title:B,zIndex:20,onClose:W,...S,children:M})})}const w=t.memo(G);w.displayName="VefDrawer",exports.VefDrawerActionButtonWrapper=Y.default,exports.default=w;

package/cjs/vef-drawer/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-dropdown/index.cjs

@@ -1,97 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('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 = 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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var M=require("@emotion/react/jsx-runtime"),g=require("@vef-framework/hooks"),l=require("@vef-framework/shared"),N=require("antd"),h=require("react");function S({className:f,disabled:b,placement:D,children:F,items:K,trigger:c="hover",selectable:d=!1,deselectable:u=!1,multiple:m=!1,defaultSelectedKeys:p,selectedKeys:y,onChange:e,onSelect:n,onDeselect:i,onClick:r}){const P=h.useMemo(()=>[c],[c]),v=g.useNormalizedMenuItems(K),q=g.useDeepMemo(()=>({items:v,selectable:d,unselectable:u?"on":"off",multiple:m,defaultSelectedKeys:p,selectedKeys:y,onSelect:l.isFunction(e)||l.isFunction(n)?({key:t,keyPath:s,selectedKeys:o,domEvent:a})=>{a.stopPropagation(),e?.(o),n?.(t,s)}:void 0,onDeselect:l.isFunction(e)||l.isFunction(i)?({key:t,keyPath:s,selectedKeys:o,domEvent:a})=>{a.stopPropagation(),e?.(o),i?.(t,s)}:void 0,onClick:l.isFunction(r)?({key:t,keyPath:s,domEvent:o})=>{o.stopPropagation(),r(t,s)}:void 0}),[p,m,v,e,r,i,n,d,y,u]);return M.jsx(N.Dropdown,{className:f,disabled:b,menu:q,placement:D,trigger:P,children:F})}const k=h.memo(S);k.displayName="VefDropdown",exports.default=k;

package/cjs/vef-dropdown/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-dynamic-icon/index.cjs

@@ -1,51 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var dynamicIconImports = require('lucide-react/dynamicIconImports');
-var react = require('react');
-var index = require('../vef-icon/index.cjs');
-
-"use strict";
-function SvgPlaceholder() {
-  const { colorFillContent } = hooks.useThemeTokens();
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          fill: colorFillContent,
-          height: "100",
-          rx: "20",
-          width: "100"
-        }
-      )
-    }
-  );
-}
-const fallback = /* @__PURE__ */ jsxRuntime.jsx(SvgPlaceholder, {});
-const iconCache = /* @__PURE__ */ new Map();
-const VefDynamicIcon = react.forwardRef(({
-  name,
-  ...restProps
-}, ref) => {
-  if (!iconCache.has(name)) {
-    const Icon2 = react.lazy(dynamicIconImports[name]);
-    iconCache.set(name, Icon2);
-  }
-  const Icon = iconCache.get(name);
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { ref, ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) });
-});
-VefDynamicIcon.displayName = "VefDynamicIcon";
-
-exports.default = VefDynamicIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),u=require("lucide-react/dynamicIconImports"),t=require("react"),d=require("../vef-icon/index.cjs");function h(){const{colorFillContent:e}=o.useThemeTokens();return r.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:r.jsx("rect",{fill:e,height:"100",rx:"20",width:"100"})})}const f=r.jsx(h,{}),i=new Map,s=t.forwardRef(({name:e,...n},a)=>{if(!i.has(e)){const c=t.lazy(u[e]);i.set(e,c)}const l=i.get(e);return r.jsx(d.default,{ref:a,...n,children:r.jsx(t.Suspense,{fallback:f,children:r.jsx(l,{})})})});s.displayName="VefDynamicIcon",exports.default=s;

package/cjs/vef-dynamic-icon/props.cjs

@@ -1,9 +1,2 @@
 "use strict";
-'use strict';
-
-var dynamicIconImports = require('lucide-react/dynamicIconImports');
-
-"use strict";
-const dynamicIconNames = new Set(Object.keys(dynamicIconImports));
-
-exports.dynamicIconNames = dynamicIconNames;
+"use strict";var e=require("lucide-react/dynamicIconImports");const c=new Set(Object.keys(e));exports.dynamicIconNames=c;

package/cjs/vef-empty/index.cjs

@@ -1,42 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-const { PRESENTED_IMAGE_DEFAULT, PRESENTED_IMAGE_SIMPLE } = antd.Empty;
-function VefEmpty({
-  icon,
-  iconStyle,
-  presetIcon = "default",
-  ...restProps
-}) {
-  const iconToUse = react.useMemo(() => {
-    if (shared.isNullish(icon)) {
-      return presetIcon === "default" ? PRESENTED_IMAGE_DEFAULT : PRESENTED_IMAGE_SIMPLE;
-    }
-    return icon;
-  }, [icon, presetIcon]);
-  const styles = react.useMemo(() => {
-    if (!shared.isNullish(iconStyle)) {
-      return {
-        image: iconStyle
-      };
-    }
-  }, [iconStyle]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Empty,
-    {
-      image: iconToUse,
-      styles,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefEmpty;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),u=require("@vef-framework/shared"),s=require("antd"),i=require("react");const{PRESENTED_IMAGE_DEFAULT:o,PRESENTED_IMAGE_SIMPLE:c}=s.Empty;function d({icon:e,iconStyle:r,presetIcon:t="default",...a}){const n=i.useMemo(()=>u.isNullish(e)?t==="default"?o:c:e,[e,t]),E=i.useMemo(()=>{if(!u.isNullish(r))return{image:r}},[r]);return l.jsx(s.Empty,{image:n,styles:E,...a})}exports.default=d;

package/cjs/vef-empty/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-empty-placeholder/index.cjs

@@ -1,25 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var index = require('../vef-empty/index.cjs');
-
-"use strict";
-const emptyPlaceholderStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/shared"),u=require("../vef-empty/index.cjs");const d=i.css`
   height: 100%;
-  padding: ${shared.themeVariables.paddingLg};
-  ${shared.styles.flexCenter}
-`;
-function VefEmptyPlaceholder({
-  className,
-  style,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, css: emptyPlaceholderStyle, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { ...restProps }) });
-}
-
-exports.default = VefEmptyPlaceholder;
+  padding: ${r.themeVariables.paddingLg};
+  ${r.styles.flexCenter}
+`;function l({className:s,style:t,...a}){return e.jsx("div",{className:s,css:d,style:t,children:e.jsx(u.default,{...a})})}exports.default=l;

package/cjs/vef-empty-placeholder/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";