@para-ui/core 5.0.0-beta.7 → 5.0.0-beta.9

package/es/DynamicMultiBox/interface.d.ts

@@ -1,38 +1,48 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { TextFieldProps, SelectProps, SwitchProps, InputNumberProps, InputLangProps, ComboSelectProps, DatePickerProps } from '../index';
 import { LabelProps } from '../Label';
 import { TooltipProps } from '../Tooltip';
 /**组件类型：输入框，下拉框，开关，数字输入框，国际化输入框，日期框，时间选择框，组合选择器,自定义组件*/
 export type IInputType = 'TextField' | 'Select' | 'Switch' | 'InputNumber' | 'InputLang' | 'ComboSelect' | 'DatePicker' | 'custom';
-/** 配置项*/
-export type IConfig = {
-    /** 字段名，用于匹配*/
-    name?: string;
-    /** 组件类型*/
+/** value集合 —— 单行 value 值集合，name 映射 configItem 中的 name */
+export type IValueList<T extends Record<string, unknown> = Record<string, unknown>> = T;
+/** error集合 —— 单行错误集合，name 映射 configItem 中的 name；按 keyof T 精确收窄，rowKey 字段通过 cast 访问 */
+export type IErrors<T extends Record<string, unknown> = Record<string, unknown>> = {
+    [K in keyof T]?: unknown;
+};
+/** 配置项 */
+export type IConfig<T extends Record<string, unknown> = Record<string, unknown>> = {
+    /** 字段名，用于匹配 valueList 中的 key */
+    name?: keyof T & string;
+    /** 组件类型 */
     inputType?: IInputType;
-    /** 渲染自定义组件*/
-    customRender?: (name: string, rowIndex: number, valueList: IValueList[], errors?: IErrors[]) => ReactNode;
-    /** 禁用置灰组件*/
-    isDisabled?: boolean | ((rowIndex: number, name: string, valueList: IValueList[]) => boolean);
-    /** 固定字段，不需要显示在筛选器中的需要设置为true, 若不设置无法显示表单*/
+    /** 渲染自定义组件 */
+    customRender?: (name: keyof T & string, rowIndex: number, valueList: IValueList<T>[], errors?: IErrors<T>[]) => ReactNode;
+    /** 禁用置灰组件 */
+    isDisabled?: boolean | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => boolean);
+    /** 固定字段，不需要显示在筛选器中的需要设置为 true，若不设置无法显示表单 */
     isFixed?: boolean;
-    /** 用于switch*/
-    text?: ReactNode | ((rowIndex: number, name: string, valueList: IValueList[]) => ReactNode);
-    /** 是否必填*/
+    /** 用于 switch */
+    text?: ReactNode | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => ReactNode);
+    /** 是否必填 */
     required?: boolean;
-    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致， 则只需传入数组，若需要自定义任意下拉列表数据，则传入函数*/
-    list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => unknown[]) | unknown[];
+    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致，则只需传入数组；若需要自定义任意下拉列表数据，则传入函数 */
+    list?: ((rowIndex: number, id: string, name: keyof T & string, valueList: IValueList<T>[]) => unknown[]) | unknown[];
     /** 样式 */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /** 标题样式 */
     labelProps?: LabelProps;
-    /** 组件其他样式,返回每个组件的样式 */
-    otherProps?: (rowIndex: number, name: string, valueList: IValueList[]) => Record<string, unknown>;
-    /** 其他*/
+    /** 组件其他样式，返回每个组件的样式 */
+    otherProps?: (rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => Record<string, unknown>;
+    /**
+     * 其他字段
+     * 索引签名保留：IConfig 与 (TextFieldProps | SelectProps | ...) 多态子组件 props 交叉，
+     * 业务方需要透传不同子组件的 props（如 placeholder、suffix 等），与 Tabs/Table/Button 移除索引签名的情境不同
+     */
     [name: string]: unknown;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
 /** 操作按钮配置项 */
-export interface IOperationButton {
+export interface IOperationButton<T extends Record<string, unknown> = Record<string, unknown>> {
     /** 按钮标识 */
     key: string;
     /** 按钮图标 */
@@ -40,11 +50,11 @@ export interface IOperationButton {
     /** 按钮文本 */
     text?: string;
     /** 是否禁用 */
-    disabled?: boolean | ((rowIndex: number, item: IValueList, valueList: IValueList[]) => boolean);
+    disabled?: boolean | ((rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => boolean);
     /** 点击事件 */
-    onClick: (rowIndex: number, item: IValueList, valueList: IValueList[]) => void;
+    onClick: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => void;
     /** 自定义渲染 */
-    render?: (rowIndex: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    render?: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /** 样式 */
     className?: string;
     /** 提示 */
@@ -57,96 +67,86 @@ export interface IOperationButton {
      */
     order?: number;
 }
-/** value集合*/
-export interface IValueList {
-    /** 每行value值集合， name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface IErrors {
-    /** 每行错误集合，name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface ICurrentItem {
-    /** 表单名*/
-    name?: string;
-    /** 表单值*/
-    value?: unknown;
-    /** 表单所处下标*/
+/** 当前操作表单项；显式声明字段，禁止挂未声明字段 */
+export interface ICurrentItem<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 表单名 */
+    name?: keyof T & string;
+    /** 表单值 */
+    value?: T[keyof T];
+    /** 表单所处下标 */
     rowIndex?: number;
-    [name: string]: unknown;
+    /** 表单所处行的 rowKey 值（默认 rowKey 为 'id'） */
+    id?: string;
 }
-/** 过滤回调出参*/
-export interface IFilterParams {
-    /** 当前过滤操作项*/
+/** 过滤回调出参 */
+export interface IFilterParams<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 当前过滤操作项 */
     name?: string;
-    /** 是否选中*/
+    /** 是否选中 */
     checkedVal?: string[];
-    /** 更新后的valueList*/
-    valueList?: IValueList[];
-    /** 更新后的错误信息*/
-    errors?: IErrors[];
+    /** 更新后的 valueList */
+    valueList?: IValueList<T>[];
+    /** 更新后的错误信息 */
+    errors?: IErrors<T>[];
 }
-/** 主体接口定义*/
-export interface IMultiValueProps {
-    /** 指定每行key */
+/** 主体接口定义 */
+export interface IMultiValueProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 指定每行 key */
     rowKey?: string;
     /**
      * 组件配置项
      */
-    config?: IConfig[];
+    config?: IConfig<T>[];
     /**
      * 筛选配置
      */
-    filterConfig?: IConfig[];
+    filterConfig?: IConfig<T>[];
     /**
      * @desc 回调
-     * @param valueList 整个value值集合
+     * @param valueList 整个 value 值集合
      * @param currentItem 当前操作表单项
      * */
-    onChange?: (valueList: IValueList[], currentItem?: ICurrentItem) => void;
+    onChange?: (valueList: IValueList<T>[], currentItem?: ICurrentItem<T>) => void;
     /**
      * @desc 新增
-     * @param valueList 新增前valueList值集合
+     * @param valueList 新增前 valueList 值集合
      * @param errors 新增后错误集合
      *  */
-    onAdd?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onAdd?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * 自定义删除
      * */
-    deleteRender?: (index: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    deleteRender?: (index: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /**
-     * @desc 删除，
-     * @param valueList 删除后整个valueList值集合
-     * @param deleteItem 删除项
+     * @desc 删除
+     * @param valueList 删除后整个 valueList 值集合
+     * @param errors 删除后错误集合
      */
-    onDelete?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onDelete?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * @desc 筛选函数
-     * @param name 当前筛选项的name
-     * @param checked 是否选中， true选中， false反选
-     * @param valueList 筛选后的value
      * */
-    onFilter?: (data: IFilterParams) => void;
+    onFilter?: (data: IFilterParams<T>) => void;
     /**
      * @desc 排序
      * @param newValueList
      * @param swapIds 交换顺序的两个下标
      * */
-    onSort?: (newValueList: IValueList[], swapIds?: number[]) => void;
+    onSort?: (newValueList: IValueList<T>[], swapIds?: number[]) => void;
     /**
      * @desc 筛选值的集合
      * */
     checkedValue?: string[];
     /**
-     * 表单value集合
+     * 表单 value 集合
      */
-    valueList?: IValueList[];
+    valueList?: IValueList<T>[];
     /**
      * 表单错误集合
      */
-    errors?: IErrors[];
+    errors?: IErrors<T>[];
     /**
-     * 是否需要支持排序,默认不支持
+     * 是否需要支持排序，默认不支持
      */
     isSort?: boolean;
     /**
@@ -154,7 +154,7 @@ export interface IMultiValueProps {
      */
     isFilter?: boolean;
     /**
-     * 标题模式 none 不显示， single 只有第一列才显示， all 每列都显示
+     * 标题模式 none 不显示，single 只有第一列才显示，all 每列都显示
      */
     titleMode?: 'none' | 'single' | 'all';
     /**
@@ -166,11 +166,11 @@ export interface IMultiValueProps {
      */
     disabledAddTooltip?: TooltipProps;
     /**
-     * 列之间icon
+     * 列之间 icon
      * */
     icon?: ReactNode;
     /**
-     * 隐藏删除icon, string[] 指定某些行隐藏删除按钮, 入参为valueList中的id集合
+     * 隐藏删除 icon，string[] 指定某些行隐藏删除按钮，入参为 valueList 中的 id 集合
      * */
     deleteDisable?: string[];
     /**
@@ -187,7 +187,7 @@ export interface IMultiValueProps {
     /**
      * 新增项行表单的默认值
      */
-    initValue?: Record<string, unknown>;
+    initValue?: Partial<T>;
     /**
      * 筛选器弹出框样式
      */
@@ -199,5 +199,5 @@ export interface IMultiValueProps {
     /**
      * 自定义操作按钮，支持每行配置多个操作按钮
      */
-    operationButtons?: IOperationButton[];
+    operationButtons?: IOperationButton<T>[];
 }

package/es/InputCode/index.js

@@ -1,6 +1,6 @@
 import { InputCodeCard as t } from "./inputCodeCard/index.js";
 import { InputCodeInput as o } from "./inputCodeInput/index.js";
-import '../CodeEditor/index.css';/* empty css           */
+import './index.css';/* empty css           */
 const n = {
   Card: t,
   Input: o

package/es/Tabs/index.d.ts

@@ -1,30 +1,25 @@
-import { default as React, FC, ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { TabPane, TabsProps as RcTabsProps, TabPaneProps } from 'rc-tabs';
 import { PopConfirmProps } from '../PopConfirm';
 import { HelpProps } from '../Help';
 import { TooltipProps } from '../Tooltip';
 export type TabsType = 'line' | 'card' | 'editable-card' | 'track' | 'card-container';
 export type { TabPaneProps };
-export interface TabProps {
+export interface TabProps<K extends React.Key = string> extends Omit<TabPaneProps, 'tabKey' | 'tab' | 'children' | 'prefixCls'> {
     /** tab text */
     label?: ReactNode;
     /** tab panel */
     content?: ReactNode;
     /** tab key */
-    value?: React.Key;
-    /** 禁用 */
-    disabled?: boolean;
+    value: K;
     /** 禁用文案提示 */
     disabledTooltip?: TooltipProps;
-    /** 可关闭标签 */
-    closable?: boolean;
     /** 显示帮助提示 Help */
     showHelp?: boolean;
     /** help props */
     helpProps?: HelpProps;
-    [name: string]: unknown;
 }
-export interface TabsProps extends Omit<RcTabsProps, 'editable'> {
+export interface TabsProps<K extends React.Key = string> extends Omit<RcTabsProps, 'editable' | 'onChange'> {
     /** tabs 类型 */
     type?: TabsType;
     /** 模式:线性、卡片*/
@@ -46,30 +41,29 @@ export interface TabsProps extends Omit<RcTabsProps, 'editable'> {
     /** popConfirm props*/
     popConfirmProps?: PopConfirmProps;
     /** 数据列表*/
-    data?: TabProps[];
+    data?: TabProps<K>[];
     /** 选中的 value*/
-    value?: React.Key;
+    value?: K;
     /** 是否开启单选 */
     radio?: boolean;
     /** 单选值 */
-    radioValue?: React.Key;
+    radioValue?: K;
     /** 默认单选值 */
-    defaultRadioValue?: React.Key;
+    defaultRadioValue?: K;
     /** 线性选项卡导航栏主轴是否具有间距，开启为20px间距，关闭为0间距，默认开启 */
     navWithPadding?: boolean;
     /** 单选值切换的回调 */
-    onRadioChange?: (radioValue: React.Key) => void;
+    onRadioChange?: (radioValue: K) => void;
     /** 新增按钮回调 showAdd 为 true 时有效*/
     onAdd?: (e?: React.MouseEvent) => void;
     /** 切换标签页的回调 */
-    onChange?: (activeKey: React.Key, item?: TabProps) => void;
+    onChange?: (activeKey: K, item?: TabProps<K>) => void;
     /** 新增和删除页签的回调 */
-    onEdit?: (item: TabProps, e?: React.MouseEvent | React.KeyboardEvent | string | React.Key, action?: 'add' | 'remove') => void;
-    [name: string]: unknown;
+    onEdit?: (item: TabProps<K>, e?: React.MouseEvent | React.KeyboardEvent | string | React.Key, action?: 'add' | 'remove') => void;
 }
-export declare const Tabs: FC<TabsProps>;
-type mergedTabs = typeof Tabs & {
+declare const TabsBase: <K extends React.Key = string>(props: TabsProps<K>) => import("react/jsx-runtime").JSX.Element;
+type MergedTabs = typeof TabsBase & {
     TabPane: typeof TabPane;
 };
-declare const _default: mergedTabs;
-export default _default;
+export declare const Tabs: MergedTabs;
+export default Tabs;

package/es/Tabs/index.js

@@ -1,170 +1,168 @@
-import { j as a } from "../_virtual/jsx-runtime.js";
-import R, { useState as ee, useEffect as te, createElement as oe } from "react";
-import re, { TabPane as T } from "rc-tabs";
+import { j as r } from "../_virtual/jsx-runtime.js";
+import T, { useState as oe, useEffect as te, createElement as re } from "react";
+import ae, { TabPane as R } from "rc-tabs";
 import "../node_modules/@para-ui/icons/SvgIcon/index.js";
 import { Close as u } from "../node_modules/@para-ui/icons/Close/index.js";
-import { More as ae } from "../node_modules/@para-ui/icons/More/index.js";
-import { Plus as ne } from "../node_modules/@para-ui/icons/Plus/index.js";
+import { More as ne } from "../node_modules/@para-ui/icons/More/index.js";
+import { Plus as se } from "../node_modules/@para-ui/icons/Plus/index.js";
 import { PopConfirm as ie } from "../PopConfirm/index.js";
-import { Radio as se } from "../Radio/index.js";
-import le from "../Help/index.js";
-import de from "clsx";
-import ce from "../GlobalContext/useFormatMessage.js";
-import me from "./lang/index.js";
-import { $rcPrefixCls as c, $prefixCls as pe } from "../GlobalContext/constant.js";
-import { Tooltip as fe } from "../Tooltip/index.js";
+import { Radio as le } from "../Radio/index.js";
+import de from "../Help/index.js";
+import ce from "clsx";
+import me from "../GlobalContext/useFormatMessage.js";
+import pe from "./lang/index.js";
+import { $rcPrefixCls as d, $prefixCls as fe } from "../GlobalContext/constant.js";
+import { Tooltip as ue } from "../Tooltip/index.js";
 import './index.css';/* empty css           */
-const ue = (y) => {
+const k = (E) => {
   const {
-    type: k,
-    className: A,
+    type: A,
+    className: N,
     size: h,
-    onEdit: m,
-    hideAdd: E,
-    centered: K,
-    addIcon: N,
-    moreIcon: w = /* @__PURE__ */ a.jsx(ae, {}),
-    editable: p,
+    onEdit: c,
+    hideAdd: y,
+    centered: V,
+    addIcon: w,
+    moreIcon: K = /* @__PURE__ */ r.jsx(ne, {}),
+    editable: m,
     mode: b,
     showAdd: S,
-    showPopConfirm: V,
-    popConfirmProps: H,
-    data: s,
-    onChange: M,
+    showPopConfirm: H,
+    popConfirmProps: M,
+    data: i,
+    onChange: z,
     onAdd: C,
     children: x,
-    value: z,
+    value: B,
     activeKey: D,
     radio: F,
-    radioValue: d,
+    radioValue: l,
     defaultRadioValue: J,
     navWithPadding: O = !0,
     onRadioChange: W,
     ..._
-  } = y, q = ce("Tabs", me), r = `${pe}-tabs`, n = k ?? b, [B, $] = ee(J);
+  } = E, q = me("Tabs", pe), t = `${fe}-tabs`, a = A ?? b, [G, $] = oe(J);
   te(() => {
-    d !== void 0 && $(d);
-  }, [d]);
-  const G = (e) => {
-    d === void 0 && $(e), W?.(e);
-  }, g = (e) => {
-    let t = {}, o = e;
-    return s && (t = s.find((i) => String(i.value) === e) || {}, t?.value !== void 0 && (o = String(t.value))), { currItem: t, tKey: o };
-  };
+    l !== void 0 && $(l);
+  }, [l]);
+  const L = (e) => {
+    l === void 0 && $(e), W?.(e);
+  }, g = (e) => i?.find((o) => String(o.value) === e);
   let v;
-  (n === "editable-card" || p) && (v = {
-    onEdit: (e, { key: t, event: o }) => {
+  (a === "editable-card" || m) && (v = {
+    onEdit: (e, { key: o, event: n }) => {
       if (e === "add")
-        C ? C(o) : m?.({}, o, e);
+        C ? C(n) : c?.({}, n, e);
       else {
-        const { currItem: i, tKey: l } = g(t);
-        m?.(i, String(l), e);
+        const s = g(o);
+        s && c?.(s, s.value, e);
       }
     },
-    removeIcon: /* @__PURE__ */ a.jsx(u, {}),
-    addIcon: N || /* @__PURE__ */ a.jsx(ne, {}),
-    showAdd: E !== !0 && S !== !1
+    removeIcon: /* @__PURE__ */ r.jsx(u, {}),
+    addIcon: w || /* @__PURE__ */ r.jsx(se, {}),
+    showAdd: y !== !0 && S !== !1
   });
-  const L = (e) => {
-    const { currItem: t, tKey: o } = g(e);
-    M?.(o, t);
-  }, Q = (e) => {
-    const { closable: t, closeIcon: o } = e;
-    return t === !1 ? null : V ? /* @__PURE__ */ a.jsx("span", { onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ a.jsx(
+  const Q = (e) => {
+    const o = g(e);
+    z?.(o?.value ?? e, o);
+  }, U = (e) => {
+    const { closable: o, closeIcon: n } = e;
+    return o === !1 ? null : H ? /* @__PURE__ */ r.jsx("span", { onClick: (s) => s.stopPropagation(), children: /* @__PURE__ */ r.jsx(
       ie,
       {
         content: q({ id: "confirmDelete" }),
         placement: "top",
-        ...H,
-        onOk: () => m?.(e, e.value, "remove"),
-        children: o || /* @__PURE__ */ a.jsx(u, {})
+        ...M,
+        onOk: () => c?.(e, e.value, "remove"),
+        children: n || /* @__PURE__ */ r.jsx(u, {})
       }
-    ) }) : o || /* @__PURE__ */ a.jsx(u, {});
-  }, U = () => {
-    if (!s?.length) return x;
+    ) }) : n || /* @__PURE__ */ r.jsx(u, {});
+  }, X = () => {
+    if (!i?.length) return x;
     const e = b === "card-container" && F;
-    return s.map((t) => {
-      const { label: o, content: i, value: l, showHelp: j, helpProps: P, disabledTooltip: I, ...Z } = t;
-      let f = j || e ? /* @__PURE__ */ a.jsxs("span", { className: `${c}-tabs-tab-help`, children: [
-        e && /* @__PURE__ */ a.jsx(
-          se,
+    return i.map((o) => {
+      const { label: n, content: s, value: p, showHelp: j, helpProps: P, disabledTooltip: I, ...ee } = o;
+      let f = j || e ? /* @__PURE__ */ r.jsxs("span", { className: `${d}-tabs-tab-help`, children: [
+        e && /* @__PURE__ */ r.jsx(
+          le,
           {
-            checked: B === l,
-            onChange: () => G(l)
+            checked: G === p,
+            onChange: () => L(p)
           }
         ),
-        o,
-        j && /* @__PURE__ */ a.jsx(
-          le,
+        n,
+        j && /* @__PURE__ */ r.jsx(
+          de,
           {
             placement: "bottom-start",
             ...P,
             title: P?.title ?? ""
           }
         )
-      ] }) : o;
-      return I && (f = /* @__PURE__ */ a.jsx(
-        fe,
+      ] }) : n;
+      return I && (f = /* @__PURE__ */ r.jsx(
+        ue,
         {
           disabled: !0,
           placement: "bottom-start",
           ...I,
           children: f
         }
-      )), /* @__PURE__ */ oe(
-        T,
+      )), /* @__PURE__ */ re(
+        R,
         {
-          ...Z,
+          ...ee,
           tab: f,
-          key: l,
-          closeIcon: Q(t)
+          key: p,
+          closeIcon: U(o)
         },
-        i
+        s
       );
     });
-  }, X = () => {
-    const e = D ?? z;
-    if (e !== void 0) return String(e);
   }, Y = () => {
+    const e = D ?? B;
+    if (e !== void 0) return String(e);
+  }, Z = () => {
     let e;
-    return s?.length ? e = s.some((t) => t.content) : e = R.Children.toArray(x).some(
-      (t) => R.isValidElement(t) && t.props.children
+    return i?.length ? e = i.some((o) => o.content) : e = T.Children.toArray(x).some(
+      (o) => T.isValidElement(o) && o.props.children
     ), !e;
   };
-  return /* @__PURE__ */ a.jsx(
-    re,
+  return /* @__PURE__ */ r.jsx(
+    ae,
     {
-      activeKey: X(),
-      moreTransitionName: `${c}-tabs-slide-up`,
+      activeKey: Y(),
+      moreTransitionName: `${d}-tabs-slide-up`,
       ..._,
-      className: de(
-        r,
+      className: ce(
+        t,
         {
-          [`${r}-${h}`]: h,
-          [`${r}-line`]: !n || n === "line",
-          [`${r}-editable-line`]: (!n || n === "line") && p,
-          [`${r}-card`]: ["card", "editable-card"].includes(n),
-          [`${r}-editable-card`]: n === "editable-card",
-          [`${r}-track`]: n === "track",
-          [`${r}-editable-track`]: n === "track" && p,
-          [`${r}-card-container ${r}-card`]: n === "card-container",
-          [`${r}-centered`]: K,
-          [`${r}-no-child`]: Y(),
-          [`${c}-nav-padding`]: O
+          [`${t}-${h}`]: h,
+          [`${t}-line`]: !a || a === "line",
+          [`${t}-editable-line`]: (!a || a === "line") && m,
+          [`${t}-card`]: ["card", "editable-card"].includes(a),
+          [`${t}-editable-card`]: a === "editable-card",
+          [`${t}-track`]: a === "track",
+          [`${t}-editable-track`]: a === "track" && m,
+          [`${t}-card-container ${t}-card`]: a === "card-container",
+          [`${t}-centered`]: V,
+          [`${t}-no-child`]: Z(),
+          [`${d}-nav-padding`]: O
         },
-        A
+        N
       ),
       editable: v,
-      moreIcon: w,
-      prefixCls: `${c}-tabs`,
-      onChange: L,
-      children: U()
+      moreIcon: K,
+      prefixCls: `${d}-tabs`,
+      onChange: Q,
+      children: X()
     }
   );
 };
-ue.TabPane = T;
+k.TabPane = R;
+const ye = k;
 export {
-  ue as Tabs,
-  ue as default
+  ye as Tabs,
+  ye as default
 };
 //# sourceMappingURL=index.js.map

package/lib/Argv/batchEdit/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../InputCode/index.css');const c=require("../../_virtual/jsx-runtime.js"),m=require("react"),E=require("../../Button/index.js"),k=require("../../TextField/index.js"),y=require("../../Modal/index.js"),h=require("../../Message/index.js"),p=require("../../GlobalContext/useFormatMessage.js"),S=require("../../GlobalContext/constant.js"),g=require("../lang/index.js");;/* empty css            */const b=l=>{const i=p.default("Argv",g.default),{className:f,sourceData:s,onFinish:u,dataToJson:o,jsonToData:n}=l,[t,r]=m.useState({open:!1,json:""}),d=()=>{let e="";if(!Array.isArray(s))e="";else try{o?e=o(s):e=JSON.stringify(s,null,4)}catch(a){console.error(a)}r({...t,json:e,open:!t.open})},x=()=>{r({...t,open:!1})},j=e=>{let a=[];try{n?a=n(e):a=JSON.parse(e)}catch{return h.Message.error(i("formatErrorJson"),5e3),!1}r({...t,open:!1}),u&&u(a)};return c.jsxRuntimeExports.jsxs("div",{className:`argv-batch-edit-content ${f}`,children:[c.jsxRuntimeExports.jsx(E.Button,{variant:"outlined",size:"small",className:"btn-edit",onClick:d,children:i("batchEdit")}),c.jsxRuntimeExports.jsx(q,{open:t.open,onCancel:x,onOk:j,json:t.json,checkData:l.checkData})]})},q=l=>{const{open:i,disabled:f,onCancel:s,onOk:u,json:o,checkData:n}=l,t=p.default("Argv",g.default),[r,d]=m.useState("");m.useEffect(()=>{d(o||"")},[o]);const x=()=>{try{const e=JSON.parse(r);return Array.isArray(e)?!(n&&!n(e)):(h.Message.error(t("formatErrorArrayJson")),!1)}catch{return h.Message.error(t("formatErrorJson")),!1}},j=()=>{if(x())try{u(r)}catch(e){console.error(e)}};return c.jsxRuntimeExports.jsx(y.Modal,{className:`${S.$prefixCls}-form`,open:i,title:t("batchEdit"),onCancel:s,onOk:j,maskClosable:!0,showCancel:!1,okText:t("ok"),children:c.jsxRuntimeExports.jsx(k.TextField,{label:"API JSON",placeholder:"请输入",disabled:f,multiline:!0,rows:12,value:r||"",onChange:e=>d(e.target.value)})})};exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../CodeEditor/index.css');const c=require("../../_virtual/jsx-runtime.js"),m=require("react"),E=require("../../Button/index.js"),k=require("../../TextField/index.js"),y=require("../../Modal/index.js"),h=require("../../Message/index.js"),p=require("../../GlobalContext/useFormatMessage.js"),S=require("../../GlobalContext/constant.js"),g=require("../lang/index.js");;/* empty css            */const b=l=>{const i=p.default("Argv",g.default),{className:f,sourceData:s,onFinish:u,dataToJson:o,jsonToData:n}=l,[t,r]=m.useState({open:!1,json:""}),d=()=>{let e="";if(!Array.isArray(s))e="";else try{o?e=o(s):e=JSON.stringify(s,null,4)}catch(a){console.error(a)}r({...t,json:e,open:!t.open})},x=()=>{r({...t,open:!1})},j=e=>{let a=[];try{n?a=n(e):a=JSON.parse(e)}catch{return h.Message.error(i("formatErrorJson"),5e3),!1}r({...t,open:!1}),u&&u(a)};return c.jsxRuntimeExports.jsxs("div",{className:`argv-batch-edit-content ${f}`,children:[c.jsxRuntimeExports.jsx(E.Button,{variant:"outlined",size:"small",className:"btn-edit",onClick:d,children:i("batchEdit")}),c.jsxRuntimeExports.jsx(q,{open:t.open,onCancel:x,onOk:j,json:t.json,checkData:l.checkData})]})},q=l=>{const{open:i,disabled:f,onCancel:s,onOk:u,json:o,checkData:n}=l,t=p.default("Argv",g.default),[r,d]=m.useState("");m.useEffect(()=>{d(o||"")},[o]);const x=()=>{try{const e=JSON.parse(r);return Array.isArray(e)?!(n&&!n(e)):(h.Message.error(t("formatErrorArrayJson")),!1)}catch{return h.Message.error(t("formatErrorJson")),!1}},j=()=>{if(x())try{u(r)}catch(e){console.error(e)}};return c.jsxRuntimeExports.jsx(y.Modal,{className:`${S.$prefixCls}-form`,open:i,title:t("batchEdit"),onCancel:s,onOk:j,maskClosable:!0,showCancel:!1,okText:t("ok"),children:c.jsxRuntimeExports.jsx(k.TextField,{label:"API JSON",placeholder:"请输入",disabled:f,multiline:!0,rows:12,value:r||"",onChange:e=>d(e.target.value)})})};exports.default=b;
 //# sourceMappingURL=index.js.map