zmdms-webui 0.0.36 → 0.0.38

package/dist/es/applayoutsider/menu/SubMenu.js

@@ -2,7 +2,7 @@ import { __assign } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, forwardRef, useState, useCallback, useImperativeHandle, useMemo } from 'react';
 import { Link } from 'react-router-dom';
-import Button from '../../button/button.js';
+import ButtonCom from '../../button/button.js';
 import IconFont from '../../icon/index.js';
 import { Drawer, Menu } from 'antd';
 
@@ -21,7 +21,7 @@ var SubMenu = function (props, ref) {
         });
     }, [layoutSiderRef, subMenuWidth]);
     // 底部按钮
-    var footerDom = (jsxs(Button, __assign({ type: "link", onClick: onToggleSubMenuFixed }, { children: [jsx(IconFont, { type: "icon-toggle", style: { fontSize: "18px" } }), isFixed ? "浮动" : "固定"] })));
+    var footerDom = (jsxs(ButtonCom, __assign({ type: "link", onClick: onToggleSubMenuFixed }, { children: [jsx(IconFont, { type: "icon-toggle", style: { fontSize: "18px" } }), isFixed ? "浮动" : "固定"] })));
     useImperativeHandle(ref, function () {
         return {
             setVisible: function (visible) {

package/dist/es/button/button.d.ts

@@ -1,12 +1,5 @@
-import React__default from 'react';
-import { ButtonProps } from 'antd/es/button';
+import { ButtonComponent } from './interface.js';
 
-interface IProps extends Omit<ButtonProps, "onClick"> {
-    onClick?: (event: React__default.MouseEvent<HTMLElement, MouseEvent>, currentBtn: ICurrentBtn) => void;
-}
-interface ICurrentBtn {
-    canClick: boolean;
-}
-declare const Button: React__default.FC<IProps>;
+declare const ButtonCom: ButtonComponent;
 
-export { Button as default };
+export { ButtonCom as default };

package/dist/es/button/button.js

@@ -1,7 +1,9 @@
-import { __rest, __assign } from '../_virtual/_tslib.js';
+import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
+import ButtonDownload from './buttonDownload.js';
+import ButtonExport from './buttonExport.js';
 
 var Button = function (props) {
     var _a;
@@ -12,17 +14,44 @@ var Button = function (props) {
         _a["zt-btn-".concat(size)] = size,
         _a["zt-btn-dangerous"] = danger,
         _a));
+    // 定义一个开关，事件没执行完成之前 不能进行下一步操作
     var currentBtn = {
         canClick: true,
     };
-    var myOnClick = function (event) {
-        if (!currentBtn.canClick) {
-            return;
-        }
-        onClick && onClick(event, currentBtn);
-    };
+    var myOnClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!currentBtn.canClick) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    currentBtn.canClick = false;
+                    if (!onClick) return [3 /*break*/, 3];
+                    return [4 /*yield*/, onClick(event)];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    currentBtn.canClick = true;
+                    return [3 /*break*/, 5];
+                case 4:
+                    err_1 = _a.sent();
+                    currentBtn.canClick = true;
+                    throw err_1;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
     return (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled, size: size, danger: danger, onClick: myOnClick }, resetProps)));
 };
-Button.displayName = "ZTXK_WEBUI_Button";
+var ButtonCom = Button;
+ButtonCom.displayName = "ZTXK_WEBUI_Button";
+ButtonCom.Group = Button$1.Group;
+ButtonCom.Download = ButtonDownload;
+ButtonCom.Export = ButtonExport;
 
-export { Button as default };
+export { ButtonCom as default };

package/dist/es/button/buttonDownload.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { IButtonProps } from './interface.js';
+
+interface IButtonDownloadProps extends Omit<IButtonProps, "onClick"> {
+    /** 附件id */
+    fileId: string;
+    /** 附件名 */
+    fileName: string;
+    /** 是否通过公共链接下载 */
+    isPublic?: boolean;
+    /** 服务器地址 */
+    API_BASEURL: string;
+    /** 代理点击事件 如果下载结束后 还需做别的处理 */
+    onClick?: (e: any, info: any) => void;
+}
+declare const ButtonDownload: React__default.FC<IButtonDownloadProps>;
+
+export { IButtonDownloadProps, ButtonDownload as default };

package/dist/es/button/buttonDownload.js

@@ -0,0 +1,34 @@
+import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import ButtonCom from './button.js';
+import { downloadFile } from 'zmdms-utils';
+
+var ButtonDownload = function (props) {
+    var fileId = props.fileId, fileName = props.fileName, isPublic = props.isPublic, API_BASEURL = props.API_BASEURL, onClick = props.onClick, resetProps = __rest(props, ["fileId", "fileName", "isPublic", "API_BASEURL", "onClick"]);
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var onClickHandle = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (fileId) {
+                setLoading(true);
+                return [2 /*return*/, downloadFile(fileId, fileName || "", {
+                        API_BASEURL: API_BASEURL,
+                        open: isPublic,
+                    })
+                        .then(function (res) {
+                        onClick && onClick(e, { result: true });
+                        setLoading(false);
+                    })
+                        .catch(function (err) {
+                        onClick && onClick(e, { result: false });
+                        setLoading(false);
+                    })];
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    return (jsx(ButtonCom, __assign({ type: "link", loading: loading, onClick: onClickHandle }, resetProps)));
+};
+ButtonDownload.displayName = "ZTXK_WEBUI_ButtonDownload";
+
+export { ButtonDownload as default };

package/dist/es/button/buttonExport.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { IButtonProps } from './interface.js';
+
+interface IButtonDownloadProps extends Omit<IButtonProps, "onClick"> {
+    /** 导出的接口方法 */
+    fetchHandle: () => Promise<any>;
+    /** 代理点击事件 如果下载结束后 还需做别的处理 */
+    onClick?: (e: any, info: any) => void;
+}
+declare const ButtonExport: React__default.FC<IButtonDownloadProps>;
+
+export { IButtonDownloadProps, ButtonExport as default };

package/dist/es/button/buttonExport.js

@@ -0,0 +1,48 @@
+import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import ButtonCom from './button.js';
+import { exportBolb } from 'zmdms-utils';
+import { message } from 'antd';
+
+var ButtonExport = function (props) {
+    var fetchHandle = props.fetchHandle, onClick = props.onClick, resetProps = __rest(props, ["fetchHandle", "onClick"]);
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var onClickHandle = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var res, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, fetchHandle()];
+                case 2:
+                    res = _a.sent();
+                    exportBolb(res)
+                        .then(function (r) {
+                        if (r.result) {
+                            message.info(r.msg);
+                        }
+                        onClick && onClick(e, { result: true });
+                    })
+                        .catch(function (err) {
+                        onClick && onClick(e, { result: false });
+                        message.error((err === null || err === void 0 ? void 0 : err.msg) || "导出失败!");
+                    });
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _a.sent();
+                    setLoading(false);
+                    return [2 /*return*/, err_1];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (jsx(ButtonCom, __assign({ type: "primary", loading: loading, onClick: onClickHandle }, resetProps)));
+};
+ButtonExport.displayName = "ZTXK_WEBUI_ButtonExport";
+
+export { ButtonExport as default };

package/dist/es/button/index.d.ts

@@ -1,5 +1,5 @@
-import Button from './button.js';
+import ButtonCom from './button.js';
 
 
 
-export { Button as default };
+export { ButtonCom as default };

package/dist/es/button/index.js

@@ -1,5 +1,5 @@
-import Button from './button.js';
+import ButtonCom from './button.js';
 
 
 
-export { Button as default };
+export { ButtonCom as default };

package/dist/es/button/interface.d.ts

@@ -0,0 +1,17 @@
+import { Button } from 'antd';
+import { ButtonProps } from 'antd/es/button';
+import ButtonDownload from './buttonDownload.js';
+import ButtonExport from './buttonExport.js';
+
+interface IButtonProps extends ButtonProps {
+}
+interface ButtonComponent extends React.FC<IButtonProps> {
+    displayName: string;
+    Group: typeof Button.Group;
+    /** 下载按钮 */
+    Download: typeof ButtonDownload;
+    /** 导出按钮 */
+    Export: typeof ButtonExport;
+}
+
+export { ButtonComponent, IButtonProps };

package/dist/es/descriptions/descriptions.d.ts

@@ -0,0 +1,5 @@
+import { DescriptionsComponent } from './interface.js';
+
+declare const DescriptionsCom: DescriptionsComponent;
+
+export { DescriptionsCom as default };

package/dist/es/descriptions/descriptions.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { Descriptions as Descriptions$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+
+var Descriptions = function (props) {
+    var className = props.className, resetProps = __rest(props, ["className"]);
+    // 主容器类名
+    var classes = classNames("ztxk-descriptions", className, {});
+    return (jsx(Descriptions$1, __assign({ column: 4, size: "middle", className: classes }, resetProps)));
+};
+var DescriptionsCom = Descriptions;
+DescriptionsCom.displayName = "ZTXK_WEBUI_Descriptions";
+DescriptionsCom.Item = Descriptions$1.Item;
+
+export { DescriptionsCom as default };

package/dist/es/descriptions/index.d.ts

@@ -0,0 +1,5 @@
+import DescriptionsCom from './descriptions.js';
+
+
+
+export { DescriptionsCom as default };

package/dist/es/descriptions/index.js

@@ -0,0 +1,5 @@
+import DescriptionsCom from './descriptions.js';
+
+
+
+export { DescriptionsCom as default };

package/dist/es/descriptions/interface.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { Descriptions, DescriptionsProps } from 'antd';
+
+interface IDescriptionsProps extends DescriptionsProps {
+}
+interface DescriptionsComponent extends React__default.FC<IDescriptionsProps> {
+    Item: typeof Descriptions.Item;
+    displayName: string;
+}
+
+export { DescriptionsComponent, IDescriptionsProps };

package/dist/es/dynamicsetting/dynamicDrawer.js

@@ -8,7 +8,7 @@ import { useDynamic } from './useDynamic.js';
 import { useDrawer } from './hooks.js';
 import SettingOutlined from '../node_modules/@ant-design/icons/es/icons/SettingOutlined.js';
 import { DndProvider } from '../node_modules/react-dnd/dist/core/DndProvider.js';
-import Button from '../button/button.js';
+import ButtonCom from '../button/button.js';
 import { Drawer, Checkbox } from 'antd';
 
 // 这里操作的一直都是内部设置的list
@@ -65,7 +65,7 @@ var DynamicDrawer = function (props, ref) {
         setTempDynamicList(newDynamicList);
     };
     /**底部按钮 */
-    var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(Button, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(Button, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(Button, __assign({ type: "primary", onClick: onSureHandle }, { children: "\u786E\u5B9A" }))] })); };
+    var renderFooter = function () { return (jsxs(Fragment, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onClose }, { children: "\u53D6\u6D88" })), jsx(ButtonCom, __assign({ type: "default", onClick: onReset }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSureHandle }, { children: "\u786E\u5B9A" }))] })); };
     return (jsx(Drawer, __assign({ className: "dynamic-drawer", title: jsxs("div", { children: [jsx(SettingOutlined, { style: { fontSize: 16 } }), jsxs("span", __assign({ className: "search-drawer--title-text" }, { children: [title, jsx("span", { children: "\uFF08\u62D6\u62FD\u6392\u5E8F\uFF09" })] }))] }), width: 300, placement: "right", open: visible, closable: false, maskClosable: false, footer: renderFooter() }, { children: jsx(DndProvider, __assign({ backend: HTML5Backend, context: window }, { children: jsx(Checkbox.Group, __assign({ value: checkedValues, onChange: onCheckboxChange }, { children: tempDynamicList.map(function (item, index) {
                     return (jsx(Sortable, __assign({ type: "search-drawer", index: index, onMoveItem: onMoveItem }, { children: jsx(Checkbox, __assign({ value: item.key, disabled: item.disabled }, { children: item.label || item.key })) }), item.key));
                 }) })) })) })));

package/dist/es/footer/footer.js

@@ -2,7 +2,7 @@ import { __assign } from '../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import classNames from '../node_modules/classnames/index.js';
-import Button from '../button/button.js';
+import ButtonCom from '../button/button.js';
 import Pagination from '../pagination/pagination.js';
 
 var defaultPageSizeOptions = ["10", "20", "30", "100"];
@@ -19,7 +19,7 @@ var Footer = function (props) {
                     var DOMType = item.DOMType, render = item.render;
                     if (DOMType === "button") {
                         var _a = item.type, type = _a === void 0 ? "primary" : _a, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
-                        return (jsx(Button, __assign({ type: type, loading: loading, disabled: disabled, onClick: onClick }, { children: item.text }), index));
+                        return (jsx(ButtonCom, __assign({ type: type, loading: loading, disabled: disabled, onClick: onClick }, { children: item.text }), index));
                     }
                     if (DOMType === "pagination") {
                         var total = item.total, pageSize = item.pageSize, current = item.current, onChange = item.onChange, onShowSizeChange = item.onShowSizeChange, pageSizeOptions = item.pageSizeOptions;

package/dist/es/form/form.js

@@ -7,7 +7,7 @@ import { useFormPreferencesCreateNewItems, useDynamicListByItems, useBtnHandle }
 import FormItems from './formItems.js';
 import DefaultDom from './detaultDom.js';
 import DynamicSetting from '../dynamicsetting/dynamicSetting.js';
-import Button from '../button/button.js';
+import ButtonCom from '../button/button.js';
 
 var FORM_DYNAMIC_KEY = "ztxk-webui-dynamic-form";
 // 动态列配置 与 表单配置 是否存在冲突？
@@ -76,7 +76,7 @@ var Form = function (props) {
         onSearchHandle: onSearchHandle,
         onResetHandle: onResetHandle,
     }), onSearchHandleInner = _c.onSearchHandleInner, onResetHandleInner = _c.onResetHandleInner;
-    return (jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [jsx(Button, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" })), jsx(Button, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
+    return (jsxs(Form$1, __assign({ form: form, onValuesChange: onValuesChangeHandle }, restProps, { className: wrapClasses }, { children: [jsx("div", __assign({ className: leftClasses }, { children: items ? (jsx(FormItems, { items: dynamicKey ? newItems : configInfoItems, outsideState: outsideState })) : (children) })), dynamicKey ? (jsx(DynamicSetting, { dynamicKey: dynamicKey, parentDynamicKey: FORM_DYNAMIC_KEY, defaultList: dynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef })) : null, rightWrapVisible ? (jsxs("div", __assign({ className: rightClasses }, { children: [jsx(ButtonCom, __assign({ type: "default", onClick: onResetHandleInner }, { children: "\u91CD\u7F6E" })), jsx(ButtonCom, __assign({ type: "primary", onClick: onSearchHandleInner }, { children: "\u67E5\u8BE2" }))] }))) : null] })));
 };
 var MemoForm = memo(Form);
 MemoForm.displayName = "ZTXK_WEBUI_Form";

package/dist/es/form/formItems.js

@@ -7,7 +7,7 @@ var FormItems = function (props) {
     var items = props.items, outsideState = props.outsideState;
     return (jsx(Fragment, { children: Array.isArray(items)
             ? items === null || items === void 0 ? void 0 : items.map(function (item, index) {
-                return (jsx(FormItem, __assign({ index: index }, item, { outsideState: outsideState }), "".concat(item.name)));
+                return (jsx(FormItem, __assign({ index: index }, item, { outsideState: outsideState }), "".concat(item.name || index)));
             })
             : null }));
 };

package/dist/es/formitem/formItem.d.ts

@@ -59,7 +59,7 @@ interface IFormItem extends FormItemProps {
     /**
      * 子元素渲染
      */
-    render: (itemProps: any, formInstance?: FormInstance<any>) => JSX.Element;
+    render?: (itemProps: any, formInstance?: FormInstance<any>) => JSX.Element;
     /**
      * 控制依赖关系
      */
@@ -75,6 +75,11 @@ interface IFormItem extends FormItemProps {
      * 即 你的items 可能因为某个state的改变而重新生成时，可选择开启
      */
     shouldUpdateBeOutsideState?: (prevOutsideState: any, nextOutsideState: any) => boolean;
+    /**
+     * item 类型
+     * 当需要一些表单除外的样式时 使用
+     */
+    nonForm?: boolean;
 }
 declare const _default: React__default.NamedExoticComponent<IFormItem & {
     outsideState: any;

package/dist/es/formitem/formItem.js

@@ -1,5 +1,5 @@
 import { __rest, __assign } from '../_virtual/_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import '../config/ZtxkContext.js';
@@ -9,8 +9,12 @@ import { Col } from 'antd';
 
 var FormItem = function (props) {
     var _a;
-    var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, isStress = props.isStress, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; var resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "isStress", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState"]);
+    var children = props.children, isDisplay = props.isDisplay, isRequired = props.isRequired, isChangeable = props.isChangeable, isStress = props.isStress, preNode = props.preNode, nextNode = props.nextNode; props.dynamicDisabled; var hiddenBorder = props.hiddenBorder, singleSelectShowBorder = props.singleSelectShowBorder, hiddenLabel = props.hiddenLabel, width = props.width, className = props.className, itemClassName = props.itemClassName, render = props.render, shouldUpdateNames = props.shouldUpdateNames; props.shouldUpdateClear; var dependencies = props.dependencies, shouldUpdate = props.shouldUpdate; props.index; props.outsideState; props.shouldUpdateBeOutsideState; var nonForm = props.nonForm, resetProps = __rest(props, ["children", "isDisplay", "isRequired", "isChangeable", "isStress", "preNode", "nextNode", "dynamicDisabled", "hiddenBorder", "singleSelectShowBorder", "hiddenLabel", "width", "className", "itemClassName", "render", "shouldUpdateNames", "shouldUpdateClear", "dependencies", "shouldUpdate", "index", "outsideState", "shouldUpdateBeOutsideState", "nonForm"]);
     var form = MemoForm.useFormInstance();
+    // 如果是纯文本渲染
+    if (nonForm) {
+        return render ? (render({}, form)) : (jsx(Col, { className: "ztxk-form__item--collapse", span: 24 }));
+    }
     // 根据配置属性，判断是否渲染表单项
     // 是否显示表单项
     if (isDisplay === false || isDisplay === "0") {
@@ -59,7 +63,7 @@ var FormItem = function (props) {
     });
     if (dependencies) {
         return (jsxs(ItemWrap, __assign({ width: width, className: className }, { children: [preNode ? preNode : null, jsx(MemoForm.Item, __assign({ dependencies: dependencies, noStyle: true }, { children: function (formInstance) {
-                        return (jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render(itemProps, formInstance) })));
+                        return (jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) })));
                     } })), nextNode ? nextNode : null] })));
     }
     if (shouldUpdate || shouldUpdateNames) {
@@ -81,7 +85,7 @@ var FormItem = function (props) {
             }
             : shouldUpdate;
         return (jsxs(ItemWrap, __assign({ width: width, className: className }, { children: [preNode ? preNode : null, jsx(MemoForm.Item, __assign({ shouldUpdate: shouldUpdateHandle, noStyle: true }, { children: function (formInstance) {
-                        return resetProps.name ? (jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render(itemProps, formInstance) }))) : (render(itemProps, formInstance));
+                        return resetProps.name ? (jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render && render(itemProps, formInstance) }))) : (render && render(itemProps, formInstance));
                     } })), nextNode ? nextNode : null] })));
     }
     return (jsxs(ItemWrap, __assign({ width: width, className: className }, { children: [preNode ? preNode : null, jsx(MemoForm.Item, __assign({}, resetProps, { className: itemClasses }, { children: render ? render(itemProps, form) : children })), nextNode ? nextNode : null] })));

package/dist/es/login/index.js

@@ -5,7 +5,7 @@ import { Form, Checkbox } from 'antd';
 import { decrypt, encrypt } from './utils.js';
 import MemoInput from '../input/input.js';
 import IconFont from '../icon/index.js';
-import Button from '../button/button.js';
+import ButtonCom from '../button/button.js';
 
 var Item = Form.Item;
 var LOCAL_KEY = "6fr6x";
@@ -57,7 +57,7 @@ var Login = function (props) {
                             required: true,
                             message: "请输入您的密码",
                         },
-                    ] }, { children: jsx(MemoInput.Password, { size: "large", autoComplete: "current-password", prefix: jsx(IconFont, { type: "icon-mima", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, { children: jsx(Button, __assign({ htmlType: "submit", block: true, className: "form__item--button", loading: loading }, { children: "\u767B\u5F55" })) }), jsxs("div", __assign({ className: "form__item--remember" }, { children: [jsx(Item, __assign({ name: "remember", valuePropName: "checked" }, { children: jsx(Checkbox, { children: "\u8BB0\u4F4F\u5BC6\u7801" }) })), jsx("div", __assign({ className: "form__item--remember-forget" }, { children: "\u5FD8\u8BB0\u5BC6\u7801" }))] }))] })) })));
+                    ] }, { children: jsx(MemoInput.Password, { size: "large", autoComplete: "current-password", prefix: jsx(IconFont, { type: "icon-mima", style: { fontSize: "14px", color: "rgba(0,0,0,.65)" } }) }) })), jsx(Item, { children: jsx(ButtonCom, __assign({ htmlType: "submit", block: true, className: "form__item--button", loading: loading }, { children: "\u767B\u5F55" })) }), jsxs("div", __assign({ className: "form__item--remember" }, { children: [jsx(Item, __assign({ name: "remember", valuePropName: "checked" }, { children: jsx(Checkbox, { children: "\u8BB0\u4F4F\u5BC6\u7801" }) })), jsx("div", __assign({ className: "form__item--remember-forget" }, { children: "\u5FD8\u8BB0\u5BC6\u7801" }))] }))] })) })));
 };
 Login.displayName = "ZTXK_WEBUI_Login";
 

package/dist/es/operationbtn/operationBtn.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../_virtual/_tslib.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import Button from '../button/button.js';
+import ButtonCom from '../button/button.js';
 import { Popconfirm } from 'antd';
 
 var OperationBtn = function (props) {
@@ -24,11 +24,11 @@ var OperationBtn = function (props) {
                 isAuth = !!authUserBtns.find(function (item) { return item.code === authority; });
             }
             if (confirmMsg) {
-                return (jsx(Popconfirm, __assign({ title: confirmMsg, cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onClickHandle(type); } }, { children: jsx(Button, __assign({ type: "link", style: {
+                return (jsx(Popconfirm, __assign({ title: confirmMsg, cancelText: "\u5426", okText: "\u662F", onConfirm: function () { return onClickHandle(type); } }, { children: jsx(ButtonCom, __assign({ type: "link", style: {
                             height: 28,
                         }, disabled: !isAuth }, resetConfig, { children: name })) }), type));
             }
-            return (jsx(Button, __assign({ type: "link", style: {
+            return (jsx(ButtonCom, __assign({ type: "link", style: {
                     height: 28,
                 }, onClick: function () { return onClickHandle(type); }, disabled: !isAuth }, resetConfig, { children: name }), type));
         }) }));

package/dist/es/table/components/TitleOperation.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { memo } from 'react';
 import CopyIcon from './CopyIcon.js';
 import FillDown from './FillDown.js';
-import Button from '../../button/button.js';
+import ButtonCom from '../../button/button.js';
 import DownOutlined from '../../node_modules/@ant-design/icons/es/icons/DownOutlined.js';
 import { Dropdown } from 'antd';
 
@@ -24,7 +24,7 @@ var TitleOperation = function (_a) {
             label: (jsx(FillDown, { dataKey: dataKey, isFillDown: isFillDown, dataSourceRef: dataSourceRef, onTableChange: onTableChange })),
         });
     }
-    return (jsx(Fragment, { children: items.length > 0 ? (jsx(Dropdown, __assign({ menu: { items: items }, trigger: ["click"] }, { children: jsx(Button, { type: "link", icon: jsx(DownOutlined, {}), title: "\u4E00\u4E9B\u5DE5\u5177\u65B9\u6CD5" }) }))) : null }));
+    return (jsx(Fragment, { children: items.length > 0 ? (jsx(Dropdown, __assign({ menu: { items: items }, trigger: ["click"] }, { children: jsx(ButtonCom, { type: "link", icon: jsx(DownOutlined, {}), title: "\u4E00\u4E9B\u5DE5\u5177\u65B9\u6CD5" }) }))) : null }));
 };
 var TitleOperation$1 = memo(TitleOperation);
 

package/dist/es/title/index.d.ts

@@ -0,0 +1,5 @@
+import TitleCom from './title.js';
+
+
+
+export { TitleCom as default };

package/dist/es/title/index.js

@@ -0,0 +1,5 @@
+import TitleCom from './title.js';
+
+
+
+export { TitleCom as default };

package/dist/es/title/interface.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+
+interface ITitleProps {
+    children?: React__default.ReactNode;
+    title: React__default.ReactNode;
+    className?: string;
+    /** 是否展示边框 */
+    bordered?: boolean;
+    /** 是否展示背景 */
+    showBg?: boolean;
+    /** 是否左右布局 */
+    justifyContent?: "space-between" | "flex-start";
+}
+interface TitleComponent extends React__default.FC<ITitleProps> {
+    displayName: string;
+}
+
+export { ITitleProps, TitleComponent };

package/dist/es/title/title.d.ts

@@ -0,0 +1,5 @@
+import { TitleComponent } from './interface.js';
+
+declare const TitleCom: TitleComponent;
+
+export { TitleCom as default };

package/dist/es/title/title.js

@@ -0,0 +1,17 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from '../node_modules/classnames/index.js';
+
+var Title = function (props) {
+    var title = props.title, className = props.className, bordered = props.bordered, showBg = props.showBg, _a = props.justifyContent, justifyContent = _a === void 0 ? "space-between" : _a, children = props.children;
+    // 主容器类名
+    var classes = classNames("ztxk-title", className, {
+        "ztxk-title--bordered": bordered,
+        "ztxk-title--background": showBg,
+    });
+    return (jsxs("div", __assign({ className: classes, style: { justifyContent: justifyContent } }, { children: [jsx("div", __assign({ className: "ztxk-title--title" }, { children: title })), jsx("div", __assign({ className: "ztxk-title--extra" }, { children: children }))] })));
+};
+var TitleCom = Title;
+TitleCom.displayName = "ZTXK_WEBUI_Title";
+
+export { TitleCom as default };