@vef-framework/components 1.0.99 → 1.0.100

package/lib/vef-not-found/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-page/index.cjs

@@ -1,27 +1,15 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 clsx = require('clsx');
-const react$1 = require('motion/react');
-const index$1 = require('../vef-scroll-area/index.cjs');
-const index = require('../vef-title/index.cjs');
-
-const pageStyle = react.css`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@emotion/react"),t=require("@vef-framework/shared"),r=require("clsx"),i=require("motion/react"),o=require("../vef-scroll-area/index.cjs"),l=require("../vef-title/index.cjs"),n=a.css`
   height: 100%;
   display: flex;
   flex-direction: column;
-  background-color: ${shared.themeVariables.colorBgLayout};
+  background-color: ${t.themeVariables.colorBgLayout};
 
   .vef-page-header {
     flex: none;
-    background-color: ${shared.themeVariables.colorBgContainer};
-    padding: ${shared.themeVariables.paddingSm} ${shared.themeVariables.paddingLg};
-    border-bottom: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
+    background-color: ${t.themeVariables.colorBgContainer};
+    padding: ${t.themeVariables.paddingSm} ${t.themeVariables.paddingLg};
+    border-bottom: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
 
     &.vef-page-header-default {
       display: flex;
@@ -49,10 +37,10 @@ const pageStyle = react.css`
   }
 
   .vef-page-content {
-    margin: ${shared.themeVariables.marginSm};
+    margin: ${t.themeVariables.marginSm};
 
     &.vef-page-content-footer-padding {
-      padding-bottom: calc(${shared.themeVariables.controlHeight} * 2);
+      padding-bottom: calc(${t.themeVariables.controlHeight} * 2);
     }
   }
 
@@ -62,78 +50,10 @@ const pageStyle = react.css`
     left: 0;
     right: 0;
     z-index: 9;
-    border-top: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
+    border-top: ${t.themeVariables.lineWidth} ${t.themeVariables.lineType} ${t.themeVariables.colorBorderSecondary};
     background-color: rgba(255, 255, 255, 0.6);
     backdrop-filter: blur(8px);
-    height: calc(${shared.themeVariables.controlHeight} * 2);
+    height: calc(${t.themeVariables.controlHeight} * 2);
   }
-`;
-function VefPage({
-  title,
-  actions,
-  header,
-  footer,
-  scrollable = false,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: pageStyle, children: [
-    header !== false && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: clsx("vef-page-header", {
-          "vef-page-header-default": !header
-        }),
-        children: header || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            index.default,
-            {
-              noPaddingBottom: true,
-              showLeftBar: true,
-              className: "vef-page-title",
-              level: 5,
-              children: title ?? "\u65E0\u6807\u9898"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-page-actions", children: actions })
-        ] })
-      }
-    ),
-    scrollable ? /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { className: "vef-page-body", scrollDirection: "both", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: clsx("vef-page-content", {
-            "vef-page-content-footer-padding": !!footer
-          }),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { children: footer && /* @__PURE__ */ jsxRuntime.jsx(
-        react$1.motion.div,
-        {
-          className: "vef-page-footer",
-          animate: {
-            opacity: 1,
-            y: 0
-          },
-          exit: {
-            opacity: 0,
-            y: 60
-          },
-          initial: {
-            opacity: 0,
-            y: 60
-          },
-          transition: {
-            duration: 0.2,
-            ease: "easeInOut"
-          },
-          children: footer
-        }
-      ) })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-page-body vef-page-content", children })
-  ] });
-}
-
-exports.default = VefPage;
+`;exports.default=function VefPage({title:a,actions:t,header:s,footer:c,scrollable:d=!1,children:f}){return e.jsxs("div",{css:n,children:[!1!==s&&e.jsx("div",{className:r("vef-page-header",{"vef-page-header-default":!s}),children:s||e.jsxs(e.Fragment,{children:[e.jsx(l.default,{noPaddingBottom:!0,showLeftBar:!0,className:"vef-page-title",level:5,children:a??"无标题"}),e.jsx("div",{className:"vef-page-actions",children:t})]})}),d?e.jsxs(o.default,{className:"vef-page-body",scrollDirection:"both",children:[e.jsx("div",{className:r("vef-page-content",{"vef-page-content-footer-padding":!!c}),children:f}),e.jsx(i.AnimatePresence,{children:c&&e.jsx(i.motion.div,{className:"vef-page-footer",animate:{opacity:1,y:0},exit:{opacity:0,y:60},initial:{opacity:0,y:60},transition:{duration:.2,ease:"easeInOut"},children:c})})]}):e.jsx("div",{className:"vef-page-body vef-page-content",children:f})]})};
 /*! 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-page/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-pagination/index.cjs

@@ -1,62 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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');
-const react = require('react');
-const index = require('../vef-text/index.cjs');
-const props = require('./props.cjs');
-
-function renderTotal(total) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    "\u5171",
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsx(index.default, { bold: true, children: total }),
-    " ",
-    "\u6761"
-  ] });
-}
-const sizeChangerProps = {
-  listHeight: 300
-};
-function VefPaginationBase({
-  defaultPageNumber,
-  defaultPageSize,
-  pageNumber,
-  pageSize,
-  total,
-  size,
-  pageSizeOptions = props.defaultPageSizeOptions,
-  allowChangePageSize = true,
-  showTotal = true,
-  compact,
-  allowQuickJump,
-  onChange,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Pagination,
-    {
-      current: pageNumber,
-      defaultCurrent: defaultPageNumber,
-      defaultPageSize,
-      pageSize,
-      pageSizeOptions,
-      showQuickJumper: allowQuickJump,
-      showSizeChanger: allowChangePageSize ? sizeChangerProps : allowChangePageSize,
-      showTotal: showTotal ? renderTotal : void 0,
-      simple: compact,
-      size: size === "medium" ? "default" : size,
-      total,
-      onChange,
-      ...restProps
-    }
-  );
-}
-const VefPagination = react.memo(VefPaginationBase);
-VefPagination.displayName = "VefPagination";
-
-exports.default = VefPagination;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),a=require("react"),i=require("../vef-text/index.cjs"),o=require("./props.cjs");function renderTotal(t){return e.jsxs(e.Fragment,{children:["共"," ",e.jsx(i.default,{bold:!0,children:t})," ","条"]})}const r={listHeight:300};const n=a.memo((function VefPaginationBase({defaultPageNumber:a,defaultPageSize:i,pageNumber:n,pageSize:u,total:s,size:l,pageSizeOptions:d=o.defaultPageSizeOptions,allowChangePageSize:g=!0,showTotal:c=!0,compact:p,allowQuickJump:m,onChange:f,...h}){return e.jsx(t.Pagination,{current:n,defaultCurrent:a,defaultPageSize:i,pageSize:u,pageSizeOptions:d,showQuickJumper:m,showSizeChanger:g?r:g,showTotal:c?renderTotal:void 0,simple:p,size:"medium"===l?"default":l,total:s,onChange:f,...h})}));n.displayName="VefPagination",exports.default=n;
 /*! 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-pagination/props.cjs

@@ -1,18 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const defaultPageSizeOptions = [
-  5,
-  10,
-  15,
-  20,
-  30,
-  40,
-  50,
-  100
-];
-
-exports.defaultPageSizeOptions = defaultPageSizeOptions;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.defaultPageSizeOptions=[5,10,15,20,30,40,50,100];
 /*! 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-paragraph/index.cjs

@@ -1,94 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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');
-
-const { Paragraph } = antd.Typography;
-function VefParagraph({
-  variant,
-  color,
-  bold,
-  ellipsis,
-  ellipsisRows = 2,
-  expandable,
-  defaultExpanded,
-  expanded,
-  copyable,
-  copiedText,
-  onCopy,
-  onExpand,
-  ...restProps
-}) {
-  const ellipsisConfig = react.useMemo(() => {
-    if (ellipsis) {
-      return {
-        rows: ellipsisRows,
-        expandable: expandable ? "collapsible" : void 0,
-        defaultExpanded,
-        expanded,
-        onExpand: shared.isFunction(onExpand) ? (_, { expanded: expanded2 }) => {
-          onExpand(expanded2);
-        } : void 0
-      };
-    }
-  }, [
-    expandable,
-    defaultExpanded,
-    ellipsis,
-    ellipsisRows,
-    expanded,
-    onExpand
-  ]);
-  const colorTokens = hooks.useColorTokens();
-  const styleProps = react.useMemo(() => {
-    const props = {};
-    if (variant === "strikethrough") {
-      props.delete = true;
-    } else if (variant) {
-      props[variant] = true;
-    }
-    if (color === "secondary") {
-      props.type = "secondary";
-    } else if (color) {
-      props.css = {
-        color: colorTokens.get(color)
-      };
-    }
-    if (bold) {
-      props.strong = true;
-    }
-    return props;
-  }, [
-    bold,
-    color,
-    colorTokens,
-    variant
-  ]);
-  const copyConfig = react.useMemo(() => {
-    if (copyable) {
-      return {
-        format: "text/plain",
-        text: copiedText,
-        onCopy
-      };
-    }
-  }, [copyable, copiedText, onCopy]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Paragraph,
-    {
-      copyable: copyConfig,
-      ellipsis: ellipsisConfig,
-      ...styleProps,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefParagraph;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),a=require("antd"),t=require("react"),{Paragraph:n}=a.Typography;exports.default=function VefParagraph({variant:a,color:s,bold:d,ellipsis:i,ellipsisRows:l=2,expandable:p,defaultExpanded:u,expanded:c,copyable:x,copiedText:f,onCopy:y,onExpand:m,...b}){const g=t.useMemo((()=>{if(i)return{rows:l,expandable:p?"collapsible":void 0,defaultExpanded:u,expanded:c,onExpand:r.isFunction(m)?(e,{expanded:o})=>{m(o)}:void 0}}),[p,u,i,l,c,m]),h=o.useColorTokens(),v=t.useMemo((()=>{const e={};return"strikethrough"===a?e.delete=!0:a&&(e[a]=!0),"secondary"===s?e.type="secondary":s&&(e.css={color:h.get(s)}),d&&(e.strong=!0),e}),[d,s,h,a]),k=t.useMemo((()=>{if(x)return{format:"text/plain",text:f,onCopy:y}}),[x,f,y]);return e.jsx(n,{copyable:k,ellipsis:g,...v,...b})};
 /*! 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-paragraph/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-password/hooks/use-password-instance.cjs

@@ -1,18 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function usePasswordInstance(ref) {
-  const passwordRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => passwordRef.current?.blur(),
-    focus: () => passwordRef.current?.focus({ preventScroll: true })
-  }));
-  return passwordRef;
-}
-
-exports.usePasswordInstance = usePasswordInstance;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.usePasswordInstance=function usePasswordInstance(r){const t=e.useRef(null);return e.useImperativeHandle(r,(()=>({blur:()=>t.current?.blur(),focus:()=>t.current?.focus({preventScroll:!0})}))),t};
 /*! 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-password/index.cjs

@@ -1,72 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 antd = require('antd');
-const react = require('react');
-require('../internal/index.cjs');
-const usePasswordInstance = require('./hooks/use-password-instance.cjs');
-const utils = require('../internal/utils.cjs');
-
-const { Password } = antd.Input;
-function normalizeValue(value) {
-  if (value === "") {
-    return null;
-  }
-  return value;
-}
-const VefPassword = react.forwardRef(
-  ({
-    defaultValue,
-    value,
-    size,
-    clearable,
-    showCount,
-    onChange,
-    onEnterKeyPress,
-    onBlur,
-    onFocus,
-    ...restProps
-  }, ref) => {
-    const eventHandlers = react.useMemo(() => ({
-      onChange: shared.isFunction(onChange) ? (event) => onChange(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onPressEnter: shared.isFunction(onEnterKeyPress) ? (event) => onEnterKeyPress(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onBlur: shared.isFunction(onBlur) ? (event) => onBlur(
-        normalizeValue(event.target.value)
-      ) : void 0,
-      onFocus: shared.isFunction(onFocus) ? (event) => onFocus(
-        normalizeValue(event.target.value)
-      ) : void 0
-    }), [
-      onChange,
-      onEnterKeyPress,
-      onBlur,
-      onFocus
-    ]);
-    const passwordRef = usePasswordInstance.usePasswordInstance(ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Password,
-      {
-        ref: passwordRef,
-        allowClear: clearable,
-        defaultValue,
-        showCount,
-        size: utils.convertBasicSizeToUiSize(size),
-        value,
-        ...restProps,
-        ...eventHandlers
-      }
-    );
-  }
-);
-VefPassword.displayName = "VefPassword";
-
-exports.default = VefPassword;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),o=require("antd"),n=require("react");require("../internal/index.cjs");const a=require("./hooks/use-password-instance.cjs"),u=require("../internal/utils.cjs"),{Password:s}=o.Input;function normalizeValue(e){return""===e?null:e}const t=n.forwardRef((({defaultValue:o,value:t,size:i,clearable:l,showCount:c,onChange:d,onEnterKeyPress:v,onBlur:f,onFocus:m,...w},z)=>{const g=n.useMemo((()=>({onChange:r.isFunction(d)?e=>d(normalizeValue(e.target.value)):void 0,onPressEnter:r.isFunction(v)?e=>v(normalizeValue(e.target.value)):void 0,onBlur:r.isFunction(f)?e=>f(normalizeValue(e.target.value)):void 0,onFocus:r.isFunction(m)?e=>m(normalizeValue(e.target.value)):void 0})),[d,v,f,m]),V=a.usePasswordInstance(z);return e.jsx(s,{ref:V,allowClear:l,defaultValue:o,showCount:c,size:u.convertBasicSizeToUiSize(i),value:t,...w,...g})}));t.displayName="VefPassword",exports.default=t;
 /*! 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-password/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-pie-chart/index.cjs

@@ -1,75 +1,10 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 react$1 = require('react');
-const recharts = require('recharts');
-const index = require('../vef-chart-container/index.cjs');
-const index$2 = require('../vef-chart-legend-content/index.cjs');
-const index$1 = require('../vef-chart-tooltip-content/index.cjs');
-
-const valueStyle = react.css`
-  fill: ${shared.themeVariables.colorText};
-  font-size: ${shared.themeVariables.fontSizeHeading3};
-  font-weight: ${shared.themeVariables.fontWeightStrong};
-  font-family: ${shared.themeVariables.fontFamilyCode};
-`;
-const labelStyle = react.css`
-  fill: ${shared.themeVariables.colorTextDescription};
-`;
-function VefPieChartBase({
-  config,
-  data,
-  dataKey,
-  nameKey,
-  valueFormatter,
-  innerRadius = 60
-}) {
-  const total = react$1.useMemo(
-    () => data.reduce((acc, item) => acc + Number(item[dataKey] ?? 0), 0),
-    [data, dataKey]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(index.default, { config, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { hideLabel: true, valueFormatter }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { content: /* @__PURE__ */ jsxRuntime.jsx(index$2.VefChartLegendContent, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      recharts.Pie,
-      {
-        data,
-        dataKey,
-        innerRadius,
-        nameKey,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          recharts.Label,
-          {
-            content: ({ viewBox }) => {
-              if (viewBox && "cx" in viewBox && "cy" in viewBox && (viewBox.innerRadius ?? 0) > 50) {
-                return /* @__PURE__ */ jsxRuntime.jsxs(
-                  "text",
-                  {
-                    dominantBaseline: "middle",
-                    textAnchor: "middle",
-                    x: viewBox.cx,
-                    y: viewBox.cy,
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("tspan", { css: valueStyle, x: viewBox.cx, y: viewBox.cy, children: total }),
-                      /* @__PURE__ */ jsxRuntime.jsx("tspan", { css: labelStyle, x: viewBox.cx, y: (viewBox.cy || 0) + 28, children: config[dataKey]?.label ?? dataKey })
-                    ]
-                  }
-                );
-              }
-            }
-          }
-        )
-      }
-    )
-  ] }) });
-}
-const VefPieChart = react$1.memo(VefPieChartBase);
-
-exports.default = VefPieChart;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),r=require("@vef-framework/shared"),n=require("react"),i=require("recharts"),a=require("../vef-chart-container/index.cjs"),s=require("../vef-chart-legend-content/index.cjs"),o=require("../vef-chart-tooltip-content/index.cjs"),c=t.css`
+  fill: ${r.themeVariables.colorText};
+  font-size: ${r.themeVariables.fontSizeHeading3};
+  font-weight: ${r.themeVariables.fontWeightStrong};
+  font-family: ${r.themeVariables.fontFamilyCode};
+`,l=t.css`
+  fill: ${r.themeVariables.colorTextDescription};
+`;const d=n.memo((function VefPieChartBase({config:t,data:r,dataKey:d,nameKey:x,valueFormatter:u,innerRadius:f=60}){const h=n.useMemo((()=>r.reduce(((e,t)=>e+Number(t[d]??0)),0)),[r,d]);return e.jsx(a.default,{config:t,children:e.jsxs(i.PieChart,{children:[e.jsx(i.Tooltip,{content:e.jsx(o.default,{hideLabel:!0,valueFormatter:u})}),e.jsx(i.Legend,{content:e.jsx(s.VefChartLegendContent,{})}),e.jsx(i.Pie,{data:r,dataKey:d,innerRadius:f,nameKey:x,children:e.jsx(i.Label,{content:({viewBox:r})=>{if(r&&"cx"in r&&"cy"in r&&(r.innerRadius??0)>50)return e.jsxs("text",{dominantBaseline:"middle",textAnchor:"middle",x:r.cx,y:r.cy,children:[e.jsx("tspan",{css:c,x:r.cx,y:r.cy,children:h}),e.jsx("tspan",{css:l,x:r.cx,y:(r.cy||0)+28,children:t[d]?.label??d})]})}})})]})})}));exports.default=d;
 /*! 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-pie-chart/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-popconfirm/index.cjs

@@ -1,61 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 antd = require('antd');
-const lucideReact = require('lucide-react');
-const react = require('react');
-const index = require('../vef-icon/index.cjs');
-
-const okButtonProps = {
-  autoInsertSpace: false,
-  icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
-};
-const cancelButtonProps = {
-  autoInsertSpace: false,
-  variant: "text",
-  color: "default"
-};
-function popupClickHandler(event) {
-  event.stopPropagation();
-}
-const VefPopconfirm = react.forwardRef(({
-  title = shared.defaultMessageTitle,
-  content,
-  cancelable = true,
-  defaultOpened,
-  opened,
-  onOpenedChange,
-  onOk,
-  onCancel,
-  ...restProps
-}, ref) => {
-  const tooltipRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => tooltipRef.current.nativeElement);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Popconfirm,
-    {
-      ref: tooltipRef,
-      cancelButtonProps,
-      defaultOpen: defaultOpened,
-      description: content,
-      icon: shared.infoIcon,
-      okButtonProps,
-      open: opened,
-      showCancel: cancelable,
-      title,
-      onCancel,
-      onConfirm: onOk,
-      onOpenChange: onOpenedChange,
-      onPopupClick: popupClickHandler,
-      ...restProps
-    }
-  );
-});
-VefPopconfirm.displayName = "VefPopconfirm";
-
-exports.default = VefPopconfirm;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/shared"),o=require("antd"),t=require("lucide-react"),r=require("react"),a=require("../vef-icon/index.cjs"),c={autoInsertSpace:!1,icon:e.jsx(a.default,{children:e.jsx(t.CheckIcon,{})})},i={autoInsertSpace:!1,variant:"text",color:"default"};function popupClickHandler(e){e.stopPropagation()}const l=r.forwardRef((({title:t=n.defaultMessageTitle,content:a,cancelable:l=!0,defaultOpened:u,opened:p,onOpenedChange:s,onOk:d,onCancel:f,...m},C)=>{const x=r.useRef(null);return r.useImperativeHandle(C,(()=>x.current.nativeElement)),e.jsx(o.Popconfirm,{ref:x,cancelButtonProps:i,defaultOpen:u,description:a,icon:n.infoIcon,okButtonProps:c,open:p,showCancel:l,title:t,onCancel:f,onConfirm:d,onOpenChange:s,onPopupClick:popupClickHandler,...m})}));l.displayName="VefPopconfirm",exports.default=l;
 /*! 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-popconfirm/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-popover/index.cjs

@@ -1,39 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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');
-const react = require('react');
-
-const VefPopover = react.forwardRef(({
-  title,
-  content,
-  contentStyle,
-  trigger = "click",
-  arrow = false,
-  ...restProps
-}, ref) => {
-  const popoverRef = react.useRef(null);
-  const styles = react.useMemo(() => ({
-    body: contentStyle
-  }), [contentStyle]);
-  react.useImperativeHandle(ref, () => popoverRef.current.nativeElement);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Popover,
-    {
-      ref: popoverRef,
-      arrow,
-      content,
-      styles,
-      title,
-      trigger,
-      ...restProps
-    }
-  );
-});
-VefPopover.displayName = "VefPopover";
-
-exports.default = VefPopover;
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),r=require("react"),o=r.forwardRef((({title:o,content:n,contentStyle:i,trigger:l="click",arrow:s=!1,...u},a)=>{const c=r.useRef(null),d=r.useMemo((()=>({body:i})),[i]);return r.useImperativeHandle(a,(()=>c.current.nativeElement)),e.jsx(t.Popover,{ref:c,arrow:s,content:n,styles:d,title:o,trigger:l,...u})}));o.displayName="VefPopover",exports.default=o;
 /*! 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 */