szld-libs 0.2.47 → 0.2.48

package/lib/components/CustomPagination/index.d.ts

@@ -0,0 +1,15 @@
+import { PaginationProps } from 'antd';
+export interface CustomPaginationProps {
+    /** 总数文本 */
+    totalText?: string;
+    /** 单位文本 */
+    unitText?: string;
+    /** 跳转文本 */
+    jumpText?: string;
+    /** 页文本 */
+    pageText?: string;
+    /** pagination属性配置 */
+    paginationProps?: PaginationProps;
+}
+declare function CustomPagination(props: CustomPaginationProps): import("react/jsx-runtime").JSX.Element;
+export default CustomPagination;

package/lib/components/CustomPagination/index.js

@@ -0,0 +1,68 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const react = require("react");
+const customPagination = "custom-pagination-module_customPagination_bb6f7";
+const jumpBtns = "custom-pagination-module_jumpBtns_a6c0b";
+const styles = {
+  customPagination,
+  jumpBtns
+};
+function CustomPagination(props) {
+  const { totalText = "共", unitText = "条", jumpText = "跳至", pageText = "页", paginationProps } = props;
+  const [inputValue, setInputValue] = react.useState("");
+  const pageSize = (paginationProps == null ? void 0 : paginationProps.pageSize) || 10;
+  const handleChange = (e) => {
+    setInputValue(e.target.value);
+  };
+  const handleBlur = (e) => {
+    var _a;
+    setInputValue("");
+    if (Number.isNaN(Number(e.target.value))) {
+      return;
+    }
+    (_a = paginationProps == null ? void 0 : paginationProps.onChange) == null ? void 0 : _a.call(paginationProps, Number(e.target.value), pageSize);
+  };
+  const handleKeyDown = (e) => {
+    var _a;
+    if (e.key === "Enter") {
+      setInputValue("");
+      if (Number.isNaN(Number(inputValue))) {
+        return;
+      }
+      (_a = paginationProps == null ? void 0 : paginationProps.onChange) == null ? void 0 : _a.call(paginationProps, Number(inputValue), pageSize);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.customPagination, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Pagination,
+      {
+        showTotal: (total) => `${totalText} ${total} ${unitText}`,
+        showSizeChanger: {
+          options: [
+            { label: `10 ${unitText}/${pageText}`, value: 10 },
+            { label: `20 ${unitText}/${pageText}`, value: 20 },
+            { label: `50 ${unitText}/${pageText}`, value: 50 },
+            { label: `100 ${unitText}/${pageText}`, value: 100 }
+          ]
+        },
+        ...paginationProps
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.jumpBtns, children: [
+      jumpText,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Input,
+        {
+          style: { width: "50px", margin: "0 8px" },
+          value: inputValue,
+          onChange: handleChange,
+          onBlur: (e) => handleBlur(e),
+          onKeyDown: (e) => handleKeyDown(e)
+        }
+      ),
+      pageText
+    ] })
+  ] });
+}
+module.exports = CustomPagination;

package/lib/components/CustomPagination/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/lib/components/SearchTable/index.d.ts

@@ -7,7 +7,7 @@ export interface TableColumnProps<T> extends ColumnType<T> {
     /** 宽度 */
     width?: number | string;
     /** 最小宽度 */
-    minWidth?: number | string;
+    minWidth?: number;
 }
 export interface MTableProps<T> extends Omit<TableProps<T>, 'columns'> {
     columns?: TableColumnProps<T>[];
@@ -19,6 +19,8 @@ export interface MTableProps<T> extends Omit<TableProps<T>, 'columns'> {
     tableId?: string;
     /** 存储key，默认szld_table_cell_width */
     storageKey?: string;
+    /** 表格无数据文案 */
+    emptyText?: string;
 }
 export interface SearchTableProps<RecordType> {
     searchProps?: CreateFormProps;

package/lib/components/SearchTable/index.js

@@ -26,6 +26,7 @@ function SearchTable(props) {
     resizeable = false,
     tableId,
     storageKey = "szld_table_cell_width",
+    emptyText,
     ...rest
   } = tableProps;
   const [columns, setColumns] = react.useState(tableProps.columns || []);
@@ -121,6 +122,7 @@ function SearchTable(props) {
         components,
         columns,
         className: classNames(classes.table, tableProps == null ? void 0 : tableProps.className),
+        locale: { emptyText: /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: emptyText }) },
         pagination: typeof (tableProps == null ? void 0 : tableProps.pagination) === "boolean" ? tableProps.pagination : {
           showPrevNextJumpers: true,
           showQuickJumper: true,

package/lib/components/VirtualTable/index.js

@@ -69,7 +69,7 @@ function VirtualTable(props) {
         columnCount: mergedColumns.length,
         columnWidth: (index) => {
           const { width } = mergedColumns[index];
-          return totalHeight > scroll.y && index === mergedColumns.length - 1 ? width - scrollbarSize - 1 : width;
+          return `${totalHeight}` > scroll.y && index === mergedColumns.length - 1 ? width - scrollbarSize - 1 : width;
         },
         height: scroll.y,
         rowCount: rawData.length,

package/lib/hooks/useChangePwd.js

@@ -39,6 +39,13 @@ function useChangePwd(props) {
     }
   ];
   const handleChangePwd = ahooks.useLockFn(async (func, title) => {
+    const modalProps = props == null ? void 0 : props.modalProps;
+    let width = void 0;
+    if (modalProps == null ? void 0 : modalProps.width) {
+      if (typeof modalProps.width === "string" || typeof modalProps.width === "number") {
+        width = modalProps.width;
+      }
+    }
     await modal.confirm({
       title: title || "修改密码",
       icon: null,
@@ -57,7 +64,8 @@ function useChangePwd(props) {
           });
         });
       },
-      ...props == null ? void 0 : props.modalProps
+      ...modalProps,
+      width
     });
   });
   return { handleChangePwd };

package/lib/index.js

@@ -9,6 +9,7 @@ const main = require("./main");
 let key = "U2FsdGVkX1/dG1NSXNR9hnp3Ech/v6Gh8CDDJxgBm1EPFQel12ySIf84ARXCPwTae7TzwgPvjOyE3S5rAEzl/wAZmId6pbezpFeFcJqxdmIl3FeluYHFxJzQHDETTvrr3G/REvv00kHptOVwg6ecjPH6yk7PNit0sWTBLorROxLxMD8lVDmOA66p7Zp4QnYzqScYJGFbutmfHYXfBRBe1Q2UKummJ798svNY5SIwEwl4spzgyWmhARtuyq4zhysFrj/xODuNDjtwitA6XfX566WcZkj3F+2P+mkYzDYOhXXaomnlybjrZ2hEHfcczQhUfJd89O8PNIuEWo24wjYRgMdKlw5CWSeocFCqV7ZJ/CV/7vNRcaO4awKlFNobLikkwDznxpcX+4UEej+ED+pgfmPQLsKedcfEscStkSAZXaD5pBRTiFU9xGLfDt6seUrEnMBeXkpMIY9j1SZDDK18/G7lSHjDQMZYZP6sfLdBdwY=";
 const Demo = () => {
   useConfig(key);
+  const [form] = antd.Form.useForm();
   react.useEffect(() => {
   }, []);
   const columns = [
@@ -41,53 +42,188 @@ const Demo = () => {
   react.useEffect(() => {
     setSelectedKeys([1, 12, 21]);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "新增系统", isBack: true }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setList(columns), children: "test" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          height: "400px",
-          border: "1px solid #333",
-          margin: "20px"
+  const { handleChangePwd } = main.useChangePwd();
+  const typeList = [
+    {
+      flinfo: "数据",
+      children: [
+        {
+          flinfo: "数据1"
+        },
+        {
+          flinfo: "数据2"
+        }
+      ]
+    },
+    {
+      flinfo: "表",
+      children: [
+        {
+          flinfo: "表1"
+        },
+        {
+          flinfo: "表2"
+        }
+      ]
+    }
+  ];
+  const formItems = [
+    {
+      dataIndex: "asctypeid",
+      title: "编号",
+      valueType: "inputNumber",
+      valueProps: {
+        placeholder: "请输入编号",
+        controls: false,
+        min: 0
+      },
+      formItemProps: {
+        rules: [
+          {
+            required: true,
+            message: "请输入编号"
+          }
+        ]
+      },
+      colProps: { span: 11 }
+    },
+    {
+      dataIndex: "asctype",
+      title: "归类名",
+      valueProps: {
+        placeholder: "请输入归类名",
+        maxLength: 100,
+        allowClear: true
+      },
+      colProps: { span: 11, offset: 2 },
+      formItemProps: {
+        rules: [
+          {
+            required: true,
+            message: "请输入归类名"
+          },
+          { whitespace: true, message: "输入内容不能只有空格" }
+        ]
+      }
+    },
+    {
+      dataIndex: "tabsortList",
+      title: "分类",
+      valueType: "cascader",
+      valueProps: {
+        placeholder: "请选择分类",
+        options: typeList,
+        changeOnSelect: true,
+        fieldNames: {
+          label: "flinfo",
+          value: "flinfo",
+          children: "children"
         }
+      },
+      colProps: {
+        span: 11
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      main.SearchTable,
-      {
-        tableProps: {
-          columns: [
-            {
-              dataIndex: "id",
-              title: "ID"
-            },
-            {
-              dataIndex: "a",
-              title: "a",
-              width: 200
-            },
-            {
-              dataIndex: "a2",
-              title: "a",
-              width: 200
-            },
-            {
-              dataIndex: "a3",
-              title: "a",
-              width: 200
-            },
-            {
-              dataIndex: "a4",
-              title: "a",
-              width: 400
+    }
+  ];
+  const totalText = "共@";
+  const unitText = "条@";
+  const jumpText = "跳至@";
+  const pageText = "页@";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh", display: "flex", flexDirection: "column", gap: 20 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "页头组件", isBack: true }),
+    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 20, align: "center", children: [
+      "1. 测试修改密码hooks",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        antd.Button,
+        {
+          onClick: () => handleChangePwd((params) => {
+          }),
+          children: "修改密码"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      "2. 测试循环滚动组件",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            height: "400px",
+            border: "1px solid #333",
+            margin: "20px"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 20, align: "center", style: { marginBottom: 10 }, children: [
+        "3. 测试表格组件",
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => setList(columns), children: "test" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        main.SearchTable,
+        {
+          tableProps: {
+            columns: [
+              {
+                dataIndex: "id",
+                title: "ID"
+              },
+              {
+                dataIndex: "a",
+                title: "a",
+                width: 200
+              },
+              {
+                dataIndex: "a2",
+                title: "a",
+                width: 200
+              },
+              {
+                dataIndex: "a3",
+                title: "a",
+                width: 200
+              },
+              {
+                dataIndex: "a4",
+                title: "a",
+                width: 400
+              }
+            ],
+            dataSource: list,
+            resizeable: true,
+            rowKey: "id",
+            pagination: {
+              total: 25,
+              current,
+              pageSize: 10,
+              onChange(page, pageSize) {
+                const index = (page - 1) * 10;
+                const arr = Array(10).fill(0).map((v, i) => ({ id: i + index }));
+                setList(arr);
+                setCurrent(page);
+              }
             }
-          ],
-          dataSource: list,
-          resizeable: true,
-          rowKey: "id",
-          pagination: {
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      "4. 测试创建表单组件",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        main.CreateForm,
+        {
+          items: formItems,
+          formProps: { form, wrapperCol: { span: 24 }, style: { width: "60%", marginTop: 10 } }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      "5. 测试自定义分页组件",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        main.CustomPagination,
+        {
+          paginationProps: {
             total: 25,
             current,
             pageSize: 10,
@@ -97,12 +233,16 @@ const Demo = () => {
               setList(arr);
               setCurrent(page);
             }
-          }
+          },
+          totalText,
+          unitText,
+          jumpText,
+          pageText
         }
-      }
-    )
+      )
+    ] })
   ] });
 };
 ReactDOM.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.BrowserRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(Demo, {}) })
+  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.BrowserRouter, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.App, { children: /* @__PURE__ */ jsxRuntime.jsx(Demo, {}) }) })
 );

package/lib/main.d.ts

@@ -7,6 +7,7 @@ import AuthButton from './components/AuthButton';
 import CoralButton from './components/CoralButton';
 import LoopSlide from './components/LoopSlide';
 import showWorkFlow, { WorkFlowNode } from './components/WorkFlowNode';
+import CustomPagination from './components/CustomPagination';
 import * as download from './utils/download';
 import * as fileType from './utils/filetype';
 import * as FormRules from './utils/formRules';
@@ -20,4 +21,4 @@ import useRemember from './hooks/useRemember';
 import useRowSelection from './hooks/useRowSelection';
 import AES from './utils/aes';
 import HmacSHA512 from './utils/hmacSHA512';
-export { AES, AuthButton, BackHeader, compressionImage, CoralButton, CreateForm, download, EditTable, fileType, FormRules, HmacSHA512, LoopSlide, SearchTable, showWorkFlow, UploadFile, useCaptcha, useChangePwd, useConfig, useRemember, useRowSelection, utils, verfyCode, WorkFlowNode, };
+export { AES, AuthButton, BackHeader, compressionImage, CoralButton, CreateForm, download, EditTable, fileType, FormRules, HmacSHA512, LoopSlide, SearchTable, showWorkFlow, UploadFile, useCaptcha, useChangePwd, useConfig, useRemember, useRowSelection, utils, verfyCode, WorkFlowNode, CustomPagination, };

package/lib/main.js

@@ -9,6 +9,7 @@ const AuthButton = require("./components/AuthButton");
 const CoralButton = require("./components/CoralButton");
 const LoopSlide = require("./components/LoopSlide");
 const WorkFlowNode = require("./components/WorkFlowNode");
+const CustomPagination = require("./components/CustomPagination");
 const download = require("./utils/download");
 const filetype = require("./utils/filetype");
 const formRules = require("./utils/formRules");
@@ -56,6 +57,7 @@ Object.defineProperty(exports, "WorkFlowNode", {
   get: () => WorkFlowNode.WorkFlowNode
 });
 exports.showWorkFlow = WorkFlowNode;
+exports.CustomPagination = CustomPagination;
 exports.download = download__namespace;
 exports.fileType = filetype__namespace;
 exports.FormRules = formRules__namespace;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.2.47",
+  "version": "0.2.48",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "ahooks": "^3.7.4",
-    "antd": "^5.15.1",
+    "antd": "^5.27.4",
     "crypto-js": "^4.2.0",
     "lodash": "^4.17.21",
     "pako": "^2.1.0",