zmdms-webui 1.5.2 → 1.5.3

package/dist/es/button/button.js

@@ -1,16 +1,19 @@
 import { __rest, __assign, __awaiter, __generator } from '../_virtual/_tslib.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
-import { Button as Button$1, Tooltip } from 'antd';
+import { Button as Button$1, Tooltip, Popconfirm } from 'antd';
 import classNames from '../node_modules/classnames/index.js';
 import ButtonDownload from './buttonDownload.js';
 import ButtonExport from './buttonExport.js';
 import ButtonPreview from './buttonPreview.js';
+import '../config/ZtxkContext.js';
+import useBaseContext from '../config/useBaseContext.js';
 
 var Button = function (props) {
     var _a;
-    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, _b = props.isAuth, isAuth = _b === void 0 ? true : _b, loading = props.loading, tooltipTitle = props.tooltipTitle, tooltipConfig = props.tooltipConfig, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick", "isAuth", "loading", "tooltipTitle", "tooltipConfig"]);
+    var type = props.type, className = props.className, disabled = props.disabled, size = props.size, danger = props.danger, onClick = props.onClick, _b = props.isAuth, isAuth = _b === void 0 ? true : _b, loading = props.loading, tooltipTitle = props.tooltipTitle, tooltipConfig = props.tooltipConfig, confirmTitle = props.confirmTitle, confirmMsg = props.confirmMsg, confirmConfig = props.confirmConfig, resetProps = __rest(props, ["type", "className", "disabled", "size", "danger", "onClick", "isAuth", "loading", "tooltipTitle", "tooltipConfig", "confirmTitle", "confirmMsg", "confirmConfig"]);
     var _c = useState(), innerLoading = _c[0], setLoading = _c[1];
+    var noPermission = useBaseContext().noPermission;
     var classes = classNames("zt-btn", className, (_a = {},
         _a["zt-btn-".concat(type)] = type,
         _a["zt-btn-disabled"] = disabled || !isAuth,
@@ -61,7 +64,11 @@ var Button = function (props) {
         });
     }); };
     var Btn = (jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, onClick: myOnClick, loading: loading || innerLoading }, resetProps)));
-    return !isAuth ? null : tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : (jsx(Fragment, { children: Btn }));
+    // 无权限时 不显示按钮模式
+    if (noPermission === "display" && !isAuth) {
+        return null;
+    }
+    return tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : confirmTitle || confirmMsg || confirmConfig ? (jsx(Popconfirm, __assign({}, confirmConfig, { title: confirmTitle || confirmMsg || (confirmConfig === null || confirmConfig === void 0 ? void 0 : confirmConfig.title), onConfirm: function (e) { return myOnClick(e); } }, { children: jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, loading: loading || innerLoading }, resetProps)) }))) : (jsx(Fragment, { children: Btn }));
 };
 var ButtonCom = Button;
 ButtonCom.displayName = "ZTXK_WEBUI_Button";

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

@@ -1,16 +1,21 @@
 import { Button } from 'antd';
 import { ButtonProps } from 'antd/es/button';
 import { TooltipProps } from 'antd/es/tooltip';
+import { PopconfirmProps } from 'antd/es/popconfirm';
 import ButtonDownload from './buttonDownload.js';
 import ButtonExport from './buttonExport.js';
 import ButtonPreview from './buttonPreview.js';
 
 interface IButtonProps extends ButtonProps {
-    /** 是否有权限 */
+    /** 是否有权限 false无权限 true有权限 */
     isAuth?: boolean;
     /** tooltip相关 */
     tooltipTitle?: string;
     tooltipConfig?: TooltipProps;
+    /** 二次确认相关 */
+    confirmTitle?: string;
+    confirmMsg?: string;
+    confirmConfig?: PopconfirmProps;
 }
 interface ButtonComponent extends React.FC<IButtonProps> {
     displayName: string;

package/dist/es/config/ZtxkContext.d.ts

@@ -11,6 +11,12 @@ interface IZtxkConfig {
      * 接口请求方法
      */
     request?: any;
+    /**
+     * 按钮无权限时的处理方法。默认无权限的按钮会隐藏。
+     * 如果传入: display 则按钮会隐藏
+     * 如果传入: disabled 则按钮会禁用
+     */
+    noPermission?: "display" | "disabled";
 }
 declare const ZtxkContext: React__default.Context<IZtxkConfig>;
 

package/dist/es/config/ZtxkContext.js

@@ -4,6 +4,7 @@ var ztxkConfig = {
     locale: "zh-cn",
     apiBaseUrl: "",
     fileBaseUrl: "",
+    noPermission: "display",
 };
 var ZtxkContext = React__default.createContext(ztxkConfig);
 

package/dist/es/container/index.css

@@ -1 +1 @@
-.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}
+.ztxk-container{min-height:100px;overflow:auto;position:relative}.ztxk-container .ztxk-container__loading{align-items:center;background-color:#bbc7d366;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100px;position:absolute;right:0;text-align:center;top:0;z-index:10000}.ztxk-container .ztxk-container__content{background-color:#fff;margin:10px;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--flex{display:flex;flex-direction:column}.ztxk-container .ztxk-container__content.ztxk-container__content--title{display:flex;flex-direction:column;padding:0!important}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main{flex-grow:1;overflow-y:auto;padding:10px}.ztxk-container .ztxk-container__content.ztxk-container__content--title .ztxk-container__content--main--flex{display:flex;flex-direction:column}.ztxk-container--btn-wrap.btn-wrap--margin-top{margin-top:10px}.ztxk-container--btn-wrap>button{margin-bottom:10px;margin-right:10px}.ztxk-container--scroll-wrap{overflow-y:auto}.ztxk-container--scroll-wrap.scroll-wrap--margin-top{margin-top:10px}

package/dist/es/enhanceselect/enhance-select.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IEnhanceSelectProps } from './interface.js';
+
+declare const MemoEnhanceSelect: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IEnhanceSelectProps & React__default.RefAttributes<unknown>>>;
+
+export { MemoEnhanceSelect as default };

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

@@ -0,0 +1,5 @@
+import MemoEnhanceSelect from './enhance-select.js';
+
+
+
+export { MemoEnhanceSelect as default };

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

@@ -0,0 +1,71 @@
+import { ISelectProps } from '../select/interface.js';
+
+interface IEnhanceSelectProps extends ISelectProps {
+    /**
+     * 发送请求的方法（同axios），通常业务那边会封装一个代理的request方法，可以通过context获取，不是必传
+     */
+    request?: any;
+    /**
+     * 接口请求地址。接口返回的数据，组件支持接口数据返回两种模式
+     * 一种是 { ..., data: [] }
+     * 另一种是分页的模式 { ..., records: [], total: xx, size: xx, current: xx }
+     */
+    url?: string;
+    /**
+     * 接口请求参数。
+     */
+    params?: any;
+    /**
+     * 请求类型
+     */
+    method?: string;
+    /**
+     * 超时时间 单位毫秒 默认2分钟
+     * @default 120000
+     */
+    timeout?: number;
+    /**
+     * 数据是否缓存。对于那些不分页的接口，默认是缓存数据的。
+     * 分页的接口，默认是不缓存数据的。
+     */
+    isCache?: boolean;
+    /**
+     * 转换数据的方法。
+     * 接受接口返回的数据，返回一个数组。可以直接给下拉框使用的数组。
+     * 组件有默认实现：分页接口、不分页接口的转换。
+     * 如果接口返回的数据，跟默认有冲突，需要自定义转换方法。
+     * 如果是不分页接口：返回的数据是一个数组即可
+     * 如果是分页接口：返回的格式按照 { current: number, size: number, total: number, records: any[] }; 这种格式
+     * 大多数情况下，是按中拓这边的分页接口处理数据的，所以不需要做其他处理。除非特殊情况
+     */
+    transformData?: (data: any) => any;
+    /**
+     * 对于那些分页接口，数据回显的时候会有一个问题。因为组件默认只会加载第一页数据，但是用户选择的时候，可能数据并不是第一页的。
+     * 这就会导致回显的时候，数据比对不上，显示一个id。
+     * 这里的做法是，通过当前选中的值，再首次加载的时候去根据id去请求数据。
+     * 查询的key是什么？默认会去 dataKey，如果你的逐渐查询不是dataKey，可以自定义。
+     * 有一个更好的方法，就是分页接口额外加一个参数，这个参数来传入主键的值。
+     * 后端查询的时候，把这个参数和状态值一起查询，不额外添加参数。查询到后，直接追加到分页的数据中。
+     * 这样做的一个好处就是，即使是第一次，也能查到应有的数据。
+     * 但是，这个方法需要后端配合。
+     */
+    firstLoadDataKey?: string;
+    /**
+     * 接口是否分页
+     */
+    isPage?: boolean;
+    /**
+     * 每页多少条 默认每页50条
+     */
+    pageSize?: number;
+    /**
+     * 远程搜索的key值。默认会采用titleKey作为搜索的key值。也可以是指定的值
+     */
+    remoteSearchKey?: string;
+    /**
+     * 哪些查询参数有值，才进行查询
+     */
+    mustQueryKeys?: string | string[];
+}
+
+export { IEnhanceSelectProps };

package/dist/index.build.d.ts

@@ -26,6 +26,7 @@ export { default as AppLayoutSider } from './es/applayoutsider/appLayoutSider.js
 export { default as OperationBtn } from './es/operationbtn/operationBtn.js';
 export { default as Select } from './es/select/select.js';
 export { default as SelectRender } from './es/select/select-render.js';
+export { default as EnhanceSelect } from './es/enhanceselect/enhance-select.js';
 export { default as UploadList } from './es/uploadlist/uploadList.js';
 export { default as TreeSelect } from './es/treeselect/treeSelect.js';
 export { default as Tree } from './es/tree/tree.js';
@@ -60,4 +61,5 @@ export { IItems, ITabsProps } from './es/tabs/interface.js';
 export { IUploadListProps } from './es/uploadlist/interface.js';
 export { ITreeSelectProps } from './es/treeselect/interface.js';
 export { ITreeProps } from './es/tree/interface.js';
+export { IEnhanceSelectProps } from './es/enhanceselect/interface.js';
 export { TableRowSelection } from 'antd/es/table/interface';