@vef-framework/components 1.0.128 → 1.0.129

package/esm/vef-icon-select/index.js

@@ -1,114 +1,31 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useThemeTokens } from '@vef-framework/hooks';
-import { themeVariables, trim, cluster, isUndefined } from '@vef-framework/shared';
-import { useMemo, useCallback, memo, useState } from 'react';
-import VefDynamicIcon from '../vef-dynamic-icon/index.js';
-import { dynamicIconNames } from '../vef-dynamic-icon/props.js';
-import VefEmptyPlaceholder from '../vef-empty-placeholder/index.js';
-import VefGenericSelect from '../vef-generic-select/index.js';
-import VefSpace from '../vef-space/index.js';
-import VefText from '../vef-text/index.js';
-import VefVirtualGrid from '../vef-virtual-grid/index.js';
-
-"use strict";
-const iconsStyle = css`
-  color: ${themeVariables.colorTextSlate};
+import{jsx as r,jsxs as N}from"@emotion/react/jsx-runtime";import{css as g}from"@emotion/react";import{useThemeTokens as X}from"@vef-framework/hooks";import{themeVariables as o,trim as z,cluster as C,isUndefined as k}from"@vef-framework/shared";import{useMemo as v,useCallback as b,memo as S,useState as j}from"react";import w from"../vef-dynamic-icon/index.js";import{dynamicIconNames as F}from"../vef-dynamic-icon/props.js";import H from"../vef-empty-placeholder/index.js";import T from"../vef-generic-select/index.js";import V from"../vef-space/index.js";import B from"../vef-text/index.js";import E from"../vef-virtual-grid/index.js";const $=g`
+  color: ${o.colorTextSlate};
 
   .vef-icon-select-wrapper {
-    padding: calc(${themeVariables.paddingXxs} + 2px) ${themeVariables.paddingXs};
+    padding: calc(${o.paddingXxs} + 2px) ${o.paddingXs};
   }
-`;
-const iconItemStyle = css`
+`,L=g`
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${themeVariables.colorFillContent};
-  border-radius: ${themeVariables.borderRadius};
-  transition: background-color ${themeVariables.motionDurationMid} ${themeVariables.motionEaseInOut};
+  background-color: ${o.colorFillContent};
+  border-radius: ${o.borderRadius};
+  transition: background-color ${o.motionDurationMid} ${o.motionEaseInOut};
   &:hover {
     cursor: pointer;
-    background-color: ${themeVariables.colorFillContentHover};
+    background-color: ${o.colorFillContentHover};
   }
 
   &.vef-icon-select-item-selected {
-    background-color: ${themeVariables.colorPrimaryBg};
+    background-color: ${o.colorPrimaryBg};
   }
 
   .vef-icon {
     font-size: 28px;
   }
-`;
-const iconItemSize = 60;
-const iconNames = Array.from(dynamicIconNames);
-function VefIconsContentBase({
-  value,
-  onChange,
-  keyword,
-  onConfirm
-}) {
-  const { paddingXS, paddingXXS } = useThemeTokens();
-  const filteredIcons = useMemo(() => {
-    const trimmedKeyword = trim(keyword);
-    if (!trimmedKeyword) {
-      return cluster(iconNames, 6);
-    }
-    return cluster(
-      iconNames.filter((name) => name.includes(trimmedKeyword)),
-      6
-    );
-  }, [keyword]);
-  const [width, height] = useMemo(() => [
-    6 * iconItemSize + 12 * 5 + paddingXS * 2,
-    5 * iconItemSize + 12 * 4 + (paddingXXS + 2) * 2
-  ], [paddingXXS, paddingXS]);
-  const renderItem = useCallback(({ item }) => {
-    const isSelected = item === value;
-    const handleClick = () => {
-      if (isSelected) {
-        onConfirm?.();
-        return;
-      }
-      onChange(item);
-      onConfirm?.();
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: isSelected ? "vef-icon-select-item-selected" : void 0,
-        css: iconItemStyle,
-        title: item,
-        onClick: handleClick,
-        children: /* @__PURE__ */ jsx(VefDynamicIcon, { name: item })
-      }
-    );
-  }, [onChange, onConfirm, value]);
-  const emptyPlaceholderStyle = useMemo(() => ({
-    width,
-    height
-  }), [width, height]);
-  if (filteredIcons.length === 0) {
-    return /* @__PURE__ */ jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsx("div", { className: "vef-icon-select-wrapper", style: emptyPlaceholderStyle, children: /* @__PURE__ */ jsx(VefEmptyPlaceholder, { description: "暂无图标", presetIcon: "simple" }) }) });
-  }
-  return /* @__PURE__ */ jsx("div", { css: iconsStyle, children: /* @__PURE__ */ jsx(
-    VefVirtualGrid,
-    {
-      className: "vef-icon-select-wrapper",
-      columnWidth: iconItemSize,
-      gap: "small",
-      height,
-      items: filteredIcons,
-      renderItem,
-      rowHeight: iconItemSize,
-      width
-    }
-  ) });
-}
-const VefIconsContent = memo(VefIconsContentBase);
-VefIconsContent.displayName = "VefIconsContent";
-const labelStyle = css`
+`,u=60,x=Array.from(F);function M({value:t,onChange:i,keyword:s,onConfirm:a}){const{paddingXS:d,paddingXXS:m}=X(),f=v(()=>{const e=z(s);return e?C(x.filter(c=>c.includes(e)),6):C(x,6)},[s]),[n,l]=v(()=>[6*u+12*5+d*2,5*u+12*4+(m+2)*2],[m,d]),p=b(({item:e})=>{const c=e===t;return r("div",{className:c?"vef-icon-select-item-selected":void 0,css:L,title:e,onClick:()=>{if(c){a?.();return}i(e),a?.()},children:r(w,{name:e})})},[i,a,t]),h=v(()=>({width:n,height:l}),[n,l]);return f.length===0?r("div",{css:$,children:r("div",{className:"vef-icon-select-wrapper",style:h,children:r(H,{description:"暂无图标",presetIcon:"simple"})})}):r("div",{css:$,children:r(E,{className:"vef-icon-select-wrapper",columnWidth:u,gap:"small",height:l,items:f,renderItem:p,rowHeight:u,width:n})})}const I=S(M);I.displayName="VefIconsContent";const P=g`
   width: 100%;
 
   .vef-space-item:last-of-type {
@@ -121,56 +38,4 @@ const labelStyle = css`
     font-family: inherit;
     color: inherit;
   }
-`;
-function renderLabel(name) {
-  return /* @__PURE__ */ jsxs(VefSpace, { css: labelStyle, children: [
-    /* @__PURE__ */ jsx(VefDynamicIcon, { name }),
-    /* @__PURE__ */ jsx(VefText, { ellipsis: true, children: name })
-  ] });
-}
-function VefIconSelect({
-  defaultValue,
-  value,
-  size,
-  placeholder,
-  disabled,
-  clearable,
-  variant,
-  onChange,
-  onClear
-}) {
-  const [internalValue, setInternalValue] = useState(defaultValue ?? null);
-  const handleChange = useCallback((changedValue) => {
-    if (isUndefined(value)) {
-      setInternalValue(changedValue);
-      return;
-    }
-    onChange?.(changedValue);
-  }, [onChange, value]);
-  const handleClear = useCallback(() => {
-    handleChange(null);
-    onClear?.();
-  }, [handleChange, onClear]);
-  return /* @__PURE__ */ jsx(
-    VefGenericSelect,
-    {
-      clearable,
-      disabled,
-      placeholder,
-      renderLabel,
-      size,
-      value: value ?? internalValue,
-      variant,
-      onClear: handleClear,
-      children: /* @__PURE__ */ jsx(
-        VefIconsContent,
-        {
-          value: isUndefined(value) ? internalValue : value,
-          onChange: handleChange
-        }
-      )
-    }
-  );
-}
-
-export { VefIconSelect as default };
+`;function R(t){return N(V,{css:P,children:[r(w,{name:t}),r(B,{ellipsis:!0,children:t})]})}function A({defaultValue:t,value:i,size:s,placeholder:a,disabled:d,clearable:m,variant:f,onChange:n,onClear:l}){const[p,h]=j(t??null),e=b(y=>{if(k(i)){h(y);return}n?.(y)},[n,i]),c=b(()=>{e(null),l?.()},[e,l]);return r(T,{clearable:m,disabled:d,placeholder:a,renderLabel:R,size:s,value:i??p,variant:f,onClear:c,children:r(I,{value:k(i)?p:i,onChange:e})})}export{A as default};

package/esm/vef-input/hooks/use-input-instance.js

@@ -1,16 +1,2 @@
 "use strict";
-import { useRef, useImperativeHandle } from 'react';
-
-"use strict";
-function useInputInstance(ref) {
-  const inputRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => inputRef.current?.blur(),
-    focus: () => inputRef.current?.focus({ preventScroll: true }),
-    input: inputRef.current?.input ?? null,
-    nativeElement: inputRef.current?.nativeElement ?? null
-  }));
-  return inputRef;
-}
-
-export { useInputInstance };
+import{useRef as t,useImperativeHandle as u}from"react";function r(n){const e=t(null);return u(n,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0}),input:e.current?.input??null,nativeElement:e.current?.nativeElement??null})),e}export{r as useInputInstance};

package/esm/vef-input/index.js

@@ -1,65 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction } from '@vef-framework/shared';
-import { Input } from 'antd';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useInputInstance } from './hooks/use-input-instance.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-"use strict";
-function normalizeValue(value) {
-  if (value === "") {
-    return null;
-  }
-  return value;
-}
-const VefInput = forwardRef(({
-  defaultValue,
-  value,
-  clearable,
-  size,
-  showCount,
-  prepend,
-  append,
-  onChange,
-  onEnterKeyPress,
-  onBlur,
-  onFocus,
-  ...restProps
-}, ref) => {
-  const eventHandlers = useMemo(() => ({
-    onChange: isFunction(onChange) ? (event) => onChange(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onPressEnter: isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onBlur: isFunction(onBlur) ? (event) => onBlur(
-      normalizeValue(event.target.value)
-    ) : void 0,
-    onFocus: isFunction(onFocus) ? (event) => onFocus(
-      normalizeValue(event.target.value)
-    ) : void 0
-  }), [onChange, onEnterKeyPress, onBlur, onFocus]);
-  const inputRef = useInputInstance(ref);
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ref: inputRef,
-      addonAfter: append,
-      addonBefore: prepend,
-      allowClear: clearable,
-      defaultValue,
-      showCount,
-      size: convertBasicSizeToUiSize(size),
-      type: "text",
-      value,
-      ...restProps,
-      ...eventHandlers
-    }
-  );
-});
-VefInput.displayName = "VefInput";
-
-export { VefInput as default };
+import{jsx as w}from"@emotion/react/jsx-runtime";import{isFunction as t}from"@vef-framework/shared";import{Input as z}from"antd";import{forwardRef as B,useMemo as I}from"react";import"../internal/index.js";import{useInputInstance as V}from"./hooks/use-input-instance.js";import{convertBasicSizeToUiSize as x}from"../internal/utils.js";function r(o){return o===""?null:o}const s=B(({defaultValue:o,value:l,clearable:p,size:f,showCount:d,prepend:m,append:c,onChange:n,onEnterKeyPress:a,onBlur:u,onFocus:i,...v},g)=>{const C=I(()=>({onChange:t(n)?e=>n(r(e.target.value)):void 0,onPressEnter:t(a)?e=>a(r(e.target.value)):void 0,onBlur:t(u)?e=>u(r(e.target.value)):void 0,onFocus:t(i)?e=>i(r(e.target.value)):void 0}),[n,a,u,i]),h=V(g);return w(z,{ref:h,addonAfter:c,addonBefore:m,allowClear:p,defaultValue:o,showCount:d,size:x(f),type:"text",value:l,...v,...C})});s.displayName="VefInput";export{s as default};

package/esm/vef-input-number/hooks/use-input-number-instance.js

@@ -1,14 +1,2 @@
 "use strict";
-import { useRef, useImperativeHandle } from 'react';
-
-"use strict";
-function useInputNumberInstance(ref) {
-  const inputNumberRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    blur: () => inputNumberRef.current?.blur(),
-    focus: () => inputNumberRef.current?.focus({ preventScroll: true })
-  }));
-  return inputNumberRef;
-}
-
-export { useInputNumberInstance };
+import{useRef as u,useImperativeHandle as t}from"react";function n(r){const e=u(null);return t(r,()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0})})),e}export{n as useInputNumberInstance};

package/esm/vef-input-number/index.js

@@ -1,149 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isFunction, styles } from '@vef-framework/shared';
-import { InputNumber } from 'antd';
-import { forwardRef, useMemo } from 'react';
-import '../internal/index.js';
-import { useInputNumberInstance } from './hooks/use-input-number-instance.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-"use strict";
-function normalizeValue(value, useStringFormat) {
-  const number = Number.parseFloat(value);
-  if (Number.isNaN(number)) {
-    return null;
-  }
-  return useStringFormat ? `${number}` : number;
-}
-const VefInputNumber = forwardRef(({
-  size,
-  showControls,
-  step,
-  min,
-  max,
-  prepend,
-  append,
-  ...restProps
-}, ref) => {
-  const eventHandlerGroup = useMemo(() => {
-    const { useStringFormat: useStringFormat2 } = restProps;
-    if (useStringFormat2) {
-      const {
-        onChange: onChange3,
-        onEnterKeyPress: onEnterKeyPress3,
-        onBlur: onBlur3,
-        onFocus: onFocus3
-      } = restProps;
-      return {
-        stringFormat: true,
-        onChange: isFunction(onChange3) ? (value2) => onChange3(value2) : void 0,
-        onPressEnter: isFunction(onEnterKeyPress3) ? (event) => onEnterKeyPress3(
-          normalizeValue(
-            event.target.value,
-            true
-          )
-        ) : void 0,
-        onBlur: isFunction(onBlur3) ? (event) => onBlur3(
-          normalizeValue(event.target.value, true)
-        ) : void 0,
-        onFocus: isFunction(onFocus3) ? (event) => onFocus3(
-          normalizeValue(event.target.value, true)
-        ) : void 0
-      };
-    }
-    const {
-      onChange: onChange2,
-      onEnterKeyPress: onEnterKeyPress2,
-      onBlur: onBlur2,
-      onFocus: onFocus2
-    } = restProps;
-    return {
-      stringFormat: false,
-      onChange: isFunction(onChange2) ? (value2) => onChange2(value2) : void 0,
-      onPressEnter: isFunction(onEnterKeyPress2) ? (event) => onEnterKeyPress2(
-        normalizeValue(
-          event.target.value,
-          false
-        )
-      ) : void 0,
-      onBlur: isFunction(onBlur2) ? (event) => onBlur2(
-        normalizeValue(event.target.value, false)
-      ) : void 0,
-      onFocus: isFunction(onFocus2) ? (event) => onFocus2(
-        normalizeValue(event.target.value, false)
-      ) : void 0
-    };
-  }, [restProps]);
-  const inputNumberRef = useInputNumberInstance(ref);
-  const { useStringFormat } = restProps;
-  if (useStringFormat) {
-    const {
-      useStringFormat: useStringFormat2,
-      defaultValue: defaultValue2,
-      value: value2,
-      onChange: onChange2,
-      onEnterKeyPress: onEnterKeyPress2,
-      onBlur: onBlur2,
-      onFocus: onFocus2,
-      ...commonProps2
-    } = restProps;
-    const { stringFormat: stringFormat2 } = eventHandlerGroup;
-    if (stringFormat2) {
-      const { stringFormat: stringFormat3, ...eventHandlers } = eventHandlerGroup;
-      return /* @__PURE__ */ jsx(
-        InputNumber,
-        {
-          ref: inputNumberRef,
-          stringMode: true,
-          addonAfter: append,
-          addonBefore: prepend,
-          controls: showControls,
-          css: styles.fullWidth,
-          defaultValue: defaultValue2,
-          max: `${max}`,
-          min: `${min}`,
-          size: convertBasicSizeToUiSize(size),
-          step: `${step}`,
-          value: value2,
-          ...commonProps2,
-          ...eventHandlers
-        }
-      );
-    }
-    return;
-  }
-  const {
-    useStringFormat: _,
-    defaultValue,
-    value,
-    onChange,
-    onEnterKeyPress,
-    onBlur,
-    onFocus,
-    ...commonProps
-  } = restProps;
-  const { stringFormat } = eventHandlerGroup;
-  if (!stringFormat) {
-    const { stringFormat: stringFormat2, ...eventHandlers } = eventHandlerGroup;
-    return /* @__PURE__ */ jsx(
-      InputNumber,
-      {
-        ref: inputNumberRef,
-        addonAfter: append,
-        addonBefore: prepend,
-        controls: showControls,
-        css: styles.fullWidth,
-        defaultValue,
-        max,
-        min,
-        step,
-        value,
-        ...commonProps,
-        ...eventHandlers
-      }
-    );
-  }
-});
-VefInputNumber.displayName = "VefInputNumber";
-
-export { VefInputNumber as default };
+import{jsx as C}from"@emotion/react/jsx-runtime";import{isFunction as t,styles as x}from"@vef-framework/shared";import{InputNumber as y}from"antd";import{forwardRef as A,useMemo as I}from"react";import"../internal/index.js";import{useInputNumberInstance as W}from"./hooks/use-input-number-instance.js";import{convertBasicSizeToUiSize as M}from"../internal/utils.js";function a(f,u){const r=Number.parseFloat(f);return Number.isNaN(r)?null:u?`${r}`:r}const P=A(({size:f,showControls:u,step:r,min:F,max:h,prepend:B,append:N,...n},S)=>{const i=I(()=>{const{useStringFormat:d}=n;if(d){const{onChange:o,onEnterKeyPress:v,onBlur:m,onFocus:c}=n;return{stringFormat:!0,onChange:t(o)?e=>o(e):void 0,onPressEnter:t(v)?e=>v(a(e.target.value,!0)):void 0,onBlur:t(m)?e=>m(a(e.target.value,!0)):void 0,onFocus:t(c)?e=>c(a(e.target.value,!0)):void 0}}const{onChange:s,onEnterKeyPress:l,onBlur:g,onFocus:p}=n;return{stringFormat:!1,onChange:t(s)?o=>s(o):void 0,onPressEnter:t(l)?o=>l(a(o.target.value,!1)):void 0,onBlur:t(g)?o=>g(a(o.target.value,!1)):void 0,onFocus:t(p)?o=>p(a(o.target.value,!1)):void 0}},[n]),b=W(S),{useStringFormat:V}=n;if(V){const{useStringFormat:d,defaultValue:s,value:l,onChange:g,onEnterKeyPress:p,onBlur:o,onFocus:v,...m}=n,{stringFormat:c}=i;if(c){const{stringFormat:e,...w}=i;return C(y,{ref:b,stringMode:!0,addonAfter:N,addonBefore:B,controls:u,css:x.fullWidth,defaultValue:s,max:`${h}`,min:`${F}`,size:M(f),step:`${r}`,value:l,...m,...w})}return}const{useStringFormat:R,defaultValue:E,value:K,onChange:T,onEnterKeyPress:j,onBlur:k,onFocus:L,...z}=n,{stringFormat:$}=i;if(!$){const{stringFormat:d,...s}=i;return C(y,{ref:b,addonAfter:N,addonBefore:B,controls:u,css:x.fullWidth,defaultValue:E,max:h,min:F,step:r,value:K,...z,...s})}});P.displayName="VefInputNumber";export{P as default};

package/esm/vef-intellisense-code-editor/hooks/use-change-handler.js

@@ -1,11 +1,2 @@
 "use strict";
-import { useCallback } from 'react';
-
-"use strict";
-function useChangeHandler(onChange) {
-  return useCallback((value) => {
-    onChange?.(value ?? "");
-  }, [onChange]);
-}
-
-export { useChangeHandler };
+import{useCallback as t}from"react";function n(e){return t(r=>{e?.(r??"")},[e])}export{n as useChangeHandler};

package/esm/vef-intellisense-code-editor/hooks/use-editor-options.js

@@ -1,32 +1,2 @@
 "use strict";
-import { useThemeTokens } from '@vef-framework/hooks';
-import { useMemo } from 'react';
-
-"use strict";
-function useEditorOptions(placeholder, disabled, tabSize) {
-  const { fontSize } = useThemeTokens();
-  return useMemo(() => ({
-    placeholder,
-    readOnly: disabled,
-    accessibilitySupport: "off",
-    ariaRequired: false,
-    lineNumbers: "on",
-    minimap: {
-      enabled: false
-    },
-    tabSize,
-    fontSize,
-    autoClosingBrackets: "languageDefined",
-    autoClosingComments: "languageDefined",
-    autoClosingDelete: "auto",
-    autoClosingOvertype: "auto",
-    autoClosingQuotes: "languageDefined",
-    autoIndent: "full",
-    autoSurround: "languageDefined",
-    lineNumbersMinChars: 3,
-    lineDecorationsWidth: 0,
-    fixedOverflowWidgets: true
-  }), [placeholder, disabled, tabSize, fontSize]);
-}
-
-export { useEditorOptions };
+import{useThemeTokens as n}from"@vef-framework/hooks";import{useMemo as a}from"react";function u(e,o,t){const{fontSize:i}=n();return a(()=>({placeholder:e,readOnly:o,accessibilitySupport:"off",ariaRequired:!1,lineNumbers:"on",minimap:{enabled:!1},tabSize:t,fontSize:i,autoClosingBrackets:"languageDefined",autoClosingComments:"languageDefined",autoClosingDelete:"auto",autoClosingOvertype:"auto",autoClosingQuotes:"languageDefined",autoIndent:"full",autoSurround:"languageDefined",lineNumbersMinChars:3,lineDecorationsWidth:0,fixedOverflowWidgets:!0}),[e,o,t,i])}export{u as useEditorOptions};

package/esm/vef-intellisense-code-editor/hooks/use-path.js

@@ -1,31 +1,2 @@
 "use strict";
-import { useMemo } from 'react';
-
-"use strict";
-function usePath(path, language) {
-  return useMemo(() => {
-    if (!path) {
-      switch (language) {
-        case "typescript":
-          return "index.ts";
-        case "javascript":
-          return "index.js";
-        case "json":
-          return "index.json";
-        case "html":
-          return "index.html";
-        case "css":
-          return "index.css";
-        case "scss":
-          return "index.scss";
-        case "less":
-          return "index.less";
-        default:
-          return "index";
-      }
-    }
-    return path;
-  }, [path, language]);
-}
-
-export { usePath };
+import{useMemo as r}from"react";function t(e,s){return r(()=>{if(!e)switch(s){case"typescript":return"index.ts";case"javascript":return"index.js";case"json":return"index.json";case"html":return"index.html";case"css":return"index.css";case"scss":return"index.scss";case"less":return"index.less";default:return"index"}return e},[e,s])}export{t as usePath};

package/esm/vef-intellisense-code-editor/index.js

@@ -1,43 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Editor } from '@monaco-editor/react';
-import VefSpin from '../vef-spin/index.js';
-import { useChangeHandler } from './hooks/use-change-handler.js';
-import { useEditorOptions } from './hooks/use-editor-options.js';
-import { usePath } from './hooks/use-path.js';
-import { editorStyle } from './styles.js';
-
-"use strict";
-function VefIntellisenseCodeEditor({
-  value,
-  language,
-  path,
-  placeholder,
-  disabled,
-  height = 320,
-  tabSize = 2,
-  onChange
-}) {
-  const handleChange = useChangeHandler(onChange);
-  const options = useEditorOptions(placeholder, disabled, tabSize);
-  const codePath = usePath(path, language);
-  return /* @__PURE__ */ jsx(
-    Editor,
-    {
-      saveViewState: true,
-      css: editorStyle,
-      height,
-      keepCurrentModel: false,
-      language,
-      loading: /* @__PURE__ */ jsx(VefSpin, {}),
-      options,
-      path: codePath,
-      theme: "github-light",
-      value,
-      width: "100%",
-      onChange: handleChange
-    }
-  );
-}
-
-export { VefIntellisenseCodeEditor as default };
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Editor as u}from"@monaco-editor/react";import d from"../vef-spin/index.js";import{useChangeHandler as g}from"./hooks/use-change-handler.js";import{useEditorOptions as f}from"./hooks/use-editor-options.js";import{usePath as c}from"./hooks/use-path.js";import{editorStyle as C}from"./styles.js";function b({value:o,language:t,path:r,placeholder:i,disabled:a,height:n=320,tabSize:h=2,onChange:m}){const l=g(m),p=f(i,a,h),s=c(r,t);return e(u,{saveViewState:!0,css:C,height:n,keepCurrentModel:!1,language:t,loading:e(d,{}),options:p,path:s,theme:"github-light",value:o,width:"100%",onChange:l})}export{b as default};