szld-libs 0.1.9 → 0.2.0

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

@@ -4,9 +4,11 @@ import { ColumnType } from "antd/es/table";
 import { CreateFormProps } from "../CreateForm";
 export interface TableColumnProps<T> extends ColumnType<T> {
     hidden?: boolean;
+    width?: number;
 }
 export interface MTableProps<T> extends Omit<TableProps<T>, "columns"> {
     columns?: TableColumnProps<T>[];
+    minColumnWidth?: number;
 }
 export interface SearchTableProps<RecordType> {
     searchProps?: CreateFormProps;

package/es/components/SearchTable/index.js

@@ -8,13 +8,19 @@ const classes = {
 };
 function SearchTable(props) {
   const { tableProps = {}, searchProps } = props;
-  const { columns = [], ...rest } = tableProps;
+  const { columns = [], minColumnWidth = 200, ...rest } = tableProps;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     searchProps && /* @__PURE__ */ jsx(CreateForm, { hiddenTitle: true, ...searchProps, items: searchProps.items }),
     /* @__PURE__ */ jsx(
       Table,
       {
-        columns: columns.filter((v) => !v.hidden),
+        columns: columns.filter((v) => !v.hidden).map((v) => ({ ...v, width: v.width || minColumnWidth })),
+        scroll: {
+          x: columns.filter((v) => !v.hidden).reduce(
+            (a, b) => a + (typeof b.width === "number" ? b.width : minColumnWidth),
+            0
+          )
+        },
         ...rest,
         className: classNames(classes.table, tableProps == null ? void 0 : tableProps.className),
         pagination: typeof (tableProps == null ? void 0 : tableProps.pagination) === "boolean" ? tableProps.pagination : {

package/es/index.js

@@ -2,11 +2,12 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
-import { UploadFile, showWorkFlow } from "./main";
-import { Form, Button, Input } from "antd";
+import { BackHeader, AuthButton, SearchTable, UploadFile, showWorkFlow } from "./main";
+import CoralButton from "./components/CoralButton";
+import { Form, Space, Input, Button } from "antd";
 import { fileToDataURL, compressionFile } from "./utils/compression-file";
 const Demo = () => {
-  Form.useForm();
+  const [form] = Form.useForm();
   useState([
     {
       PNOrderNo: 1,
@@ -141,6 +142,98 @@ const Demo = () => {
     setFile2(base64_2);
   };
   return /* @__PURE__ */ jsxs("div", { style: { height: "100vh" }, children: [
+    /* @__PURE__ */ jsx(BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsx("span", { children: "副标题" }) }),
+    /* @__PURE__ */ jsx(AuthButton, { type: "primary", children: "按钮1" }),
+    /* @__PURE__ */ jsx(CoralButton, { PId: 100, auths: [{ PId: 100 }], children: "123" }),
+    /* @__PURE__ */ jsx(
+      SearchTable,
+      {
+        searchProps: {
+          items: [
+            {
+              dataIndex: "name",
+              valueProps: {
+                placeholder: "名称"
+              },
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              valueType: "custom",
+              valueProps: {
+                children: /* @__PURE__ */ jsxs(Space, { children: [
+                  /* @__PURE__ */ jsx(Form.Item, { name: "yzm", noStyle: true, children: /* @__PURE__ */ jsx(Input, { placeholder: "请输入验证码" }) }),
+                  /* @__PURE__ */ jsx(Button, { children: "发送验证码" })
+                ] })
+              },
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              dataIndex: "mm",
+              valueType: "password",
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              dataIndex: "pic",
+              valueType: "upload",
+              valueProps: {
+                maxCount: 1
+              },
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "pic2",
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "qwe",
+              valueProps: {
+                placeholder: "name"
+              },
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "btns",
+              valueType: "btns",
+              valueProps: [
+                {
+                  btnType: "submit",
+                  title: "确定",
+                  type: "primary",
+                  onClick: (v) => console.log(v)
+                }
+              ]
+            }
+          ],
+          formProps: { wrapperCol: { span: 24 }, form }
+        },
+        tableProps: {
+          minColumnWidth: 100,
+          columns: [
+            { dataIndex: "A", title: "A", width: 100 },
+            { dataIndex: "B", title: "B", width: 200 },
+            { dataIndex: "C", title: "C", width: 200 },
+            { dataIndex: "D", title: "D" },
+            { dataIndex: "E", title: "E", width: 150 },
+            { dataIndex: "F", title: "F", width: 150 }
+          ],
+          pagination: false,
+          rowKey: "A",
+          dataSource: Array(3).fill(0).map((v, i) => ({ A: i + 1 }))
+        }
+      }
+    ),
     /* @__PURE__ */ jsx(Button, { onClick: handleClick, children: "click" }),
     /* @__PURE__ */ jsx(Input, { type: "file", onChange }),
     /* @__PURE__ */ jsx(

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

@@ -4,9 +4,11 @@ import { ColumnType } from "antd/es/table";
 import { CreateFormProps } from "../CreateForm";
 export interface TableColumnProps<T> extends ColumnType<T> {
     hidden?: boolean;
+    width?: number;
 }
 export interface MTableProps<T> extends Omit<TableProps<T>, "columns"> {
     columns?: TableColumnProps<T>[];
+    minColumnWidth?: number;
 }
 export interface SearchTableProps<RecordType> {
     searchProps?: CreateFormProps;

package/lib/components/SearchTable/index.js

@@ -9,13 +9,19 @@ const classes = {
 };
 function SearchTable(props) {
   const { tableProps = {}, searchProps } = props;
-  const { columns = [], ...rest } = tableProps;
+  const { columns = [], minColumnWidth = 200, ...rest } = tableProps;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     searchProps && /* @__PURE__ */ jsxRuntime.jsx(CreateForm, { hiddenTitle: true, ...searchProps, items: searchProps.items }),
     /* @__PURE__ */ jsxRuntime.jsx(
       antd.Table,
       {
-        columns: columns.filter((v) => !v.hidden),
+        columns: columns.filter((v) => !v.hidden).map((v) => ({ ...v, width: v.width || minColumnWidth })),
+        scroll: {
+          x: columns.filter((v) => !v.hidden).reduce(
+            (a, b) => a + (typeof b.width === "number" ? b.width : minColumnWidth),
+            0
+          )
+        },
         ...rest,
         className: classNames(classes.table, tableProps == null ? void 0 : tableProps.className),
         pagination: typeof (tableProps == null ? void 0 : tableProps.pagination) === "boolean" ? tableProps.pagination : {

package/lib/index.js

@@ -4,10 +4,11 @@ const react = require("react");
 const ReactDOM = require("react-dom/client");
 const reactRouterDom = require("react-router-dom");
 const main = require("./main");
+const CoralButton = require("./components/CoralButton");
 const antd = require("antd");
 const compressionFile = require("./utils/compression-file");
 const Demo = () => {
-  antd.Form.useForm();
+  const [form] = antd.Form.useForm();
   react.useState([
     {
       PNOrderNo: 1,
@@ -142,6 +143,98 @@ const Demo = () => {
     setFile2(base64_2);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100vh" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(main.BackHeader, { title: "标题111", subTitle: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "副标题" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(main.AuthButton, { type: "primary", children: "按钮1" }),
+    /* @__PURE__ */ jsxRuntime.jsx(CoralButton, { PId: 100, auths: [{ PId: 100 }], children: "123" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      main.SearchTable,
+      {
+        searchProps: {
+          items: [
+            {
+              dataIndex: "name",
+              valueProps: {
+                placeholder: "名称"
+              },
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              valueType: "custom",
+              valueProps: {
+                children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { name: "yzm", noStyle: true, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入验证码" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { children: "发送验证码" })
+                ] })
+              },
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              dataIndex: "mm",
+              valueType: "password",
+              colProps: {
+                span: 6
+              }
+            },
+            {
+              dataIndex: "pic",
+              valueType: "upload",
+              valueProps: {
+                maxCount: 1
+              },
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "pic2",
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "qwe",
+              valueProps: {
+                placeholder: "name"
+              },
+              colProps: {
+                span: 12
+              }
+            },
+            {
+              dataIndex: "btns",
+              valueType: "btns",
+              valueProps: [
+                {
+                  btnType: "submit",
+                  title: "确定",
+                  type: "primary",
+                  onClick: (v) => console.log(v)
+                }
+              ]
+            }
+          ],
+          formProps: { wrapperCol: { span: 24 }, form }
+        },
+        tableProps: {
+          minColumnWidth: 100,
+          columns: [
+            { dataIndex: "A", title: "A", width: 100 },
+            { dataIndex: "B", title: "B", width: 200 },
+            { dataIndex: "C", title: "C", width: 200 },
+            { dataIndex: "D", title: "D" },
+            { dataIndex: "E", title: "E", width: 150 },
+            { dataIndex: "F", title: "F", width: 150 }
+          ],
+          pagination: false,
+          rowKey: "A",
+          dataSource: Array(3).fill(0).map((v, i) => ({ A: i + 1 }))
+        }
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: handleClick, children: "click" }),
     /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { type: "file", onChange }),
     /* @__PURE__ */ jsxRuntime.jsx(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "szld-libs",
   "private": false,
-  "version": "0.1.9",
+  "version": "0.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",