szld-libs 0.0.16 → 0.0.17

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

@@ -0,0 +1,48 @@
+import { FormProps, FormItemProps, ColProps, RowProps, InputProps, SelectProps, InputNumberProps, RadioGroupProps, SwitchProps, TimePickerProps, ButtonProps, CascaderProps } from "antd";
+import { DefaultOptionType } from "antd/es/cascader";
+import { CheckboxGroupProps } from "antd/es/checkbox";
+import { DatePickerProps, RangePickerProps } from "antd/es/date-picker";
+import { PasswordProps, TextAreaProps } from "antd/es/input";
+import React, { ReactNode } from "react";
+import { UploadFileProps } from "../Upload";
+export type ValueType = "rangePicker" | "select" | "input" | "password" | "textarea" | "radio" | "inputNumber" | "switch" | "checkbox" | "timePicker" | "datePicker" | "cascader" | "upload" | "modal" | "btns";
+interface ValueBtnProps extends ButtonProps {
+    title: string;
+    btnType: "submit" | "reset" | "cancel";
+}
+interface ValueModalProps {
+    onClear?: () => void;
+    onToggle: (bol: boolean) => void;
+    placeholder?: string;
+    labelKey: string;
+    value?: any;
+}
+export type ValueProps<T> = T extends "checkbox" ? CheckboxGroupProps : T extends "select" ? SelectProps : T extends "inputNumber" ? InputNumberProps : T extends "textarea" ? TextAreaProps : T extends "radio" ? RadioGroupProps : T extends "switch" ? SwitchProps : T extends "rangePicker" ? RangePickerProps : T extends "datePicker" ? DatePickerProps : T extends "timePicker" ? TimePickerProps : T extends "input" ? InputProps : T extends "cascader" ? CascaderProps<DefaultOptionType> : T extends "upload" ? UploadFileProps : T extends "modal" ? ValueModalProps : T extends "btns" ? ValueBtnProps[] : T extends "password" ? PasswordProps : InputProps;
+export interface CreateFormItemProps<T> {
+    formItemProps?: FormItemProps;
+    valueType?: T;
+    valueProps?: ValueProps<T>;
+    colProps?: ColProps;
+    dataIndex: string;
+    title?: string;
+    onChange?: (e: any) => void;
+    hidden?: boolean;
+    readonly?: boolean;
+    value?: string | ReactNode;
+}
+export interface CreateFormProps {
+    items: CreateFormItemProps<ValueType>[];
+    rowProps?: RowProps;
+    formProps?: FormProps;
+    readonly?: boolean;
+    hiddenTitle?: boolean;
+}
+declare const CreateForm: (props: CreateFormProps) => JSX.Element;
+interface FormFieldsProps extends Pick<CreateFormItemProps<ValueType>, "valueType" | "valueProps"> {
+    onChange?: (e: any) => void;
+    value?: any;
+    onBtnClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>, item: ValueBtnProps) => void;
+    inputRef?: any;
+}
+export declare const FormFields: (props: FormFieldsProps) => React.FunctionComponentElement<any>;
+export default CreateForm;

package/lib/components/CreateForm/index.js

@@ -0,0 +1,227 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const antd = require("antd");
+const icons = require("@ant-design/icons");
+const _ = require("lodash");
+const UploadFile = require("../Upload");
+const fieldModal = "szld-fieldModal";
+const content = "szld-content";
+const suffix = "szld-suffix";
+const placeholder = "szld-placeholder";
+const styles = {
+  fieldModal,
+  content,
+  suffix,
+  placeholder
+};
+const formLayout = {
+  labelCol: {
+    span: 4
+  },
+  wrapperCol: {
+    span: 20
+  }
+};
+const getValuePropName = (valueType) => {
+  switch (valueType) {
+    case "upload":
+      return "fileList";
+    case "switch":
+      return "checked";
+    default:
+      return "value";
+  }
+};
+const CreateForm = (props) => {
+  const {
+    items,
+    rowProps,
+    formProps,
+    readonly = false,
+    hiddenTitle = false
+  } = props;
+  const onBtnClick = (e, item) => {
+    var _a, _b;
+    if (item.btnType === "submit") {
+      (_a = formProps == null ? void 0 : formProps.form) == null ? void 0 : _a.validateFields().then((values) => {
+        item.onClick && item.onClick(values);
+      });
+      return;
+    }
+    if (item.btnType === "reset") {
+      (_b = formProps == null ? void 0 : formProps.form) == null ? void 0 : _b.resetFields();
+      item.onClick && item.onClick(e);
+      return;
+    }
+    if (item.btnType === "cancel") {
+      item.onClick && item.onClick(e);
+    }
+  };
+  const normFile = (e) => {
+    if (Array.isArray(e)) {
+      return e;
+    }
+    return e && e.fileList;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Form,
+    {
+      layout: "horizontal",
+      form: formProps == null ? void 0 : formProps.form,
+      ...formLayout,
+      ...formProps || {},
+      children: /* @__PURE__ */ jsxRuntime.jsx(antd.Row, { gutter: 16, ...rowProps, children: items.filter((v) => !v.hidden).map((item) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { ...item.colProps || { span: 24 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Form.Item,
+          {
+            ...item.valueType === "upload" ? {
+              getValueFromEvent: normFile
+            } : {},
+            label: !hiddenTitle ? item.title : "",
+            name: item.valueType === "btns" ? void 0 : item.dataIndex,
+            ...item.formItemProps,
+            children: item.readonly ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: item.value || ((_a = formProps == null ? void 0 : formProps.initialValues) == null ? void 0 : _a[item.dataIndex]) }) : item.readonly === void 0 && readonly ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: item.value || ((_b = formProps == null ? void 0 : formProps.initialValues) == null ? void 0 : _b[item.dataIndex]) }) : /* @__PURE__ */ jsxRuntime.jsx(
+              FormFields,
+              {
+                onChange: (e) => {
+                  var _a2;
+                  return (_a2 = item == null ? void 0 : item.onChange) == null ? void 0 : _a2.call(item, e);
+                },
+                valueType: item.valueType,
+                onBtnClick,
+                valueProps: item.valueProps
+              }
+            )
+          }
+        ) }, item.dataIndex);
+      }) })
+    }
+  );
+};
+const FormFields = (props) => {
+  const { valueType, valueProps, value, onChange, onBtnClick, inputRef } = props;
+  const children = React.useMemo(() => {
+    let result = /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "请输入", ...valueProps, allowClear: true });
+    switch (valueType) {
+      case "password":
+        result = /* @__PURE__ */ jsxRuntime.jsx(antd.Input.Password, { ...valueProps });
+        break;
+      case "modal":
+        result = /* @__PURE__ */ jsxRuntime.jsx(FieldModal, { ...valueProps });
+        break;
+      case "checkbox":
+        result = /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox.Group, { ...valueProps });
+        break;
+      case "select":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Select,
+          {
+            placeholder: "请选择",
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "inputNumber":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.InputNumber,
+          {
+            style: { width: "100%" },
+            placeholder: "请输入",
+            ...valueProps
+          }
+        );
+        break;
+      case "textarea":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Input.TextArea,
+          {
+            placeholder: "请输入",
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "radio":
+        result = /* @__PURE__ */ jsxRuntime.jsx(antd.Radio.Group, { ...valueProps });
+        break;
+      case "switch":
+        result = /* @__PURE__ */ jsxRuntime.jsx(antd.Switch, { ...valueProps });
+        break;
+      case "datePicker":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.DatePicker,
+          {
+            style: { width: "100%" },
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "rangePicker":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.DatePicker.RangePicker,
+          {
+            style: { width: "100%" },
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "timePicker":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.TimePicker,
+          {
+            style: { width: "100%" },
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "cascader":
+        result = /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Cascader,
+          {
+            ...valueProps,
+            allowClear: true
+          }
+        );
+        break;
+      case "upload":
+        result = /* @__PURE__ */ jsxRuntime.jsx(UploadFile, { ...valueProps });
+        break;
+      case "btns":
+        result = /* @__PURE__ */ jsxRuntime.jsx(antd.Space, { children: valueProps == null ? void 0 : valueProps.map((item) => /* @__PURE__ */ React.createElement(
+          antd.Button,
+          {
+            type: item.btnType === "submit" ? "primary" : "default",
+            ..._.omit(item, ["btnType"]),
+            key: item.btnType,
+            onClick: (e) => {
+              onBtnClick == null ? void 0 : onBtnClick(e, item);
+            }
+          },
+          item.title
+        )) });
+        break;
+    }
+    return result;
+  }, [valueType, valueProps, onChange, value]);
+  return React.cloneElement(children, {
+    [getValuePropName(valueType || "input")]: value,
+    onChange,
+    ref: inputRef
+  });
+};
+const FieldModal = (props) => {
+  const { placeholder: placeholder2, labelKey, onToggle, value, onClear } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.fieldModal, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.content, onClick: () => onToggle(true), children: !value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.placeholder, children: placeholder2 }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: value[labelKey] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.suffix, onClick: onClear, children: value && /* @__PURE__ */ jsxRuntime.jsx(icons.CloseCircleFilled, {}) })
+  ] });
+};
+exports.FormFields = FormFields;
+exports.default = CreateForm;

package/lib/components/CreateForm/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/Echarts/index.css

@@ -0,0 +1,5 @@
+.szld-main {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import * as echarts from 'echarts/core';
+import { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
+import { TitleComponentOption, TooltipComponentOption, GridComponentOption, DatasetComponentOption } from 'echarts/components';
+type ECOption = echarts.ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | DatasetComponentOption>;
+export interface EchartsProps {
+    option: ECOption;
+}
+/**
+ * @param props : EchartsProps 传入图标配置项
+ * 外部包裹一层dom元素定义width和height，内部自动占满
+ */
+declare const Echarts: (props: EchartsProps) => JSX.Element;
+export default Echarts;

package/lib/components/Echarts/index.js

@@ -0,0 +1,81 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const echarts = require("echarts/core");
+const charts = require("echarts/charts");
+const components = require("echarts/components");
+const features = require("echarts/features");
+const renderers = require("echarts/renderers");
+const react = require("react");
+const ahooks = require("ahooks");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const echarts__namespace = /* @__PURE__ */ _interopNamespaceDefault(echarts);
+const main = "szld-main";
+const classes = {
+  main
+};
+echarts__namespace.use([
+  components.TitleComponent,
+  components.TooltipComponent,
+  components.GridComponent,
+  components.DatasetComponent,
+  components.TransformComponent,
+  charts.BarChart,
+  features.LabelLayout,
+  features.UniversalTransition,
+  renderers.CanvasRenderer
+]);
+const Echarts = (props) => {
+  const ref = react.useRef(null);
+  const eRef = react.useRef(null);
+  const resizeRef = react.useRef(null);
+  react.useEffect(() => {
+    if (ref.current && eRef.current) {
+      resizeRef.current = new ResizeObserver((entries) => {
+        for (const entry of entries) {
+          if (entry.target === ref.current) {
+            run();
+          }
+        }
+      });
+      resizeRef.current.observe(ref.current);
+    }
+    return () => {
+      var _a;
+      ref.current && ((_a = resizeRef.current) == null ? void 0 : _a.unobserve(ref.current));
+      resizeRef.current = null;
+    };
+  }, [ref.current, eRef.current]);
+  react.useEffect(() => {
+    if (ref.current && !eRef.current) {
+      eRef.current = echarts__namespace.init(ref.current);
+    }
+  }, [ref.current]);
+  react.useEffect(() => {
+    if (eRef.current && ref.current) {
+      eRef.current.setOption(props.option);
+    }
+  }, [eRef.current]);
+  const onResize = () => {
+    if (eRef.current) {
+      eRef.current.resize();
+    }
+  };
+  const { run } = ahooks.useDebounceFn(onResize, { wait: 300 });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes.main });
+};
+module.exports = Echarts;

package/lib/components/Echarts/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/EditTable/index.css

@@ -0,0 +1,9 @@
+.szld-editableCellValueWrap {
+  padding: 4px 11px;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+}
+[data-theme='dark'] .szld-editableCellValueWrap:hover {
+  border: 1px solid #434343;
+}

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TableProps } from "antd";
+import { Rule } from "antd/es/form";
+import { ColumnType } from "antd/es/table";
+import { ValueProps, ValueType } from "../CreateForm";
+export type ColumnsType<RecordType> = ColumnType<RecordType> & {
+    editable?: boolean;
+    rules?: Rule[];
+    type?: ValueType;
+    valueProps?: ValueProps<RecordType>;
+};
+export interface EditTableProps<RecordType> extends Omit<TableProps<RecordType>, "columns" | "onChange"> {
+    columns: ColumnsType<RecordType>[];
+    onChange?: (row: RecordType) => void;
+}
+declare function EditTable<DataType extends object = any>(props: EditTableProps<DataType>): JSX.Element;
+export default EditTable;

package/lib/components/EditTable/index.js

@@ -0,0 +1,98 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const React = require("react");
+const CreateForm = require("../CreateForm");
+const editableCellValueWrap = "szld-editableCellValueWrap";
+const classes = {
+  editableCellValueWrap
+};
+const EditableContext = React.createContext(null);
+const EditableRow = ({ index, ...props }) => {
+  const [form] = antd.Form.useForm();
+  return /* @__PURE__ */ jsxRuntime.jsx(antd.Form, { form, component: false, children: /* @__PURE__ */ jsxRuntime.jsx(EditableContext.Provider, { value: form, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ...props }) }) });
+};
+function EditableCell(props) {
+  const {
+    title,
+    editable,
+    children,
+    dataIndex,
+    record,
+    rules,
+    onChange,
+    type = "input",
+    valueProps,
+    ...restProps
+  } = props;
+  const inputRef = React.useRef(null);
+  const form = React.useContext(EditableContext);
+  const save = async () => {
+    try {
+      const values = await form.validateFields();
+      onChange({ ...record, ...values });
+    } catch (errInfo) {
+      console.log("Save failed:", errInfo);
+    }
+  };
+  const renderItem = () => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CreateForm.FormFields,
+      {
+        valueType: type,
+        valueProps: {
+          ...valueProps,
+          onBlur: save,
+          onPressEnter: save
+        },
+        inputRef
+      }
+    );
+  };
+  let childNode = children;
+  if (editable) {
+    childNode = /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Form.Item,
+      {
+        style: { margin: 0 },
+        initialValue: record[dataIndex],
+        name: dataIndex,
+        rules,
+        children: renderItem()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { children: childNode });
+}
+function EditTable(props) {
+  const { columns, onChange, ...rest } = props;
+  const components = {
+    body: {
+      row: EditableRow,
+      cell: EditableCell
+    }
+  };
+  const mergeColumns = columns == null ? void 0 : columns.map((col) => {
+    if (!col.editable) {
+      return col;
+    }
+    return {
+      ...col,
+      onCell: (record) => ({
+        ...col,
+        record,
+        onChange
+      })
+    };
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Table,
+    {
+      ...rest,
+      components,
+      rowClassName: () => classes.editableRow,
+      columns: mergeColumns
+    }
+  );
+}
+module.exports = EditTable;

package/lib/components/EditTable/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/Loading/index.css

@@ -0,0 +1,22 @@
+.szld-loadingWrapper .szld-loadingRoot {
+  background-color: rgba(0, 0, 0, 0.6);
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  inset: 0;
+}
+.szld-loadingWrapper .szld-loadingBody {
+  position: fixed;
+  overflow: hidden;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+.szld-loadingWrapper .szld-loadingBody .szld-content {
+  width: 100px;
+  height: 100px;
+  border-radius: 20px;
+}

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

@@ -0,0 +1,4 @@
+declare const Loading: () => {
+    close: () => void;
+};
+export default Loading;

package/lib/components/Loading/index.js

@@ -0,0 +1,43 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@ant-design/icons");
+const antd = require("antd");
+const ReactDOM = require("react-dom/client");
+const loadingWrapper = "szld-loadingWrapper";
+const loadingRoot = "szld-loadingRoot";
+const loadingBody = "szld-loadingBody";
+const content = "szld-content";
+const classes = {
+  loadingWrapper,
+  loadingRoot,
+  loadingBody,
+  content
+};
+const antIcon = /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, { style: { fontSize: 40 }, spin: true });
+const Loading = () => {
+  const div = document.createElement("div");
+  const style = document.createElement("style");
+  const loading = ReactDOM.createRoot(div);
+  const Container = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.loadingWrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.loadingRoot }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.loadingBody, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { indicator: antIcon }) }) })
+  ] });
+  const hiddenScroll = () => {
+    const styleContent = `body { overflow-y: hidden; }`;
+    style.textContent = styleContent;
+    document.head.appendChild(style);
+  };
+  const render = () => {
+    document.body.appendChild(div);
+    hiddenScroll();
+    loading.render(/* @__PURE__ */ jsxRuntime.jsx(Container, {}));
+  };
+  const close = () => {
+    loading.unmount();
+    document.body.removeChild(div);
+    document.head.removeChild(style);
+  };
+  render();
+  return { close };
+};
+module.exports = Loading;

package/lib/components/Loading/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.css

@@ -0,0 +1,3 @@
+.szld-search {
+  margin-bottom: 20px;
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TableProps } from "antd";
+import { ColumnType } from "antd/es/table";
+import { CreateFormProps } from "../CreateForm";
+export interface TableColumnProps<T> extends ColumnType<T> {
+    hidden?: boolean;
+}
+export interface MTableProps<T> extends Omit<TableProps<T>, "columns"> {
+    columns?: TableColumnProps<T>[];
+}
+export interface SearchTableProps<RecordType> {
+    searchProps?: CreateFormProps;
+    tableProps?: MTableProps<RecordType>;
+}
+declare function SearchTable<RecordType extends object = any>(props: SearchTableProps<RecordType>): JSX.Element;
+export default SearchTable;

package/lib/components/SearchTable/index.js

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const classNames = require("classnames");
+const CreateForm = require("../CreateForm");
+const search = "szld-search";
+const classes = {
+  search
+};
+function SearchTable(props) {
+  const { tableProps = {}, searchProps } = props;
+  const { columns = [], ...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),
+        ...rest,
+        className: classNames(classes.table, tableProps == null ? void 0 : tableProps.className),
+        pagination: typeof (tableProps == null ? void 0 : tableProps.pagination) === "boolean" ? tableProps.pagination : {
+          hideOnSinglePage: true,
+          showPrevNextJumpers: true,
+          showQuickJumper: true,
+          showSizeChanger: true,
+          showTotal: (total) => `共 ${total} 条`,
+          ...tableProps == null ? void 0 : tableProps.pagination
+        }
+      }
+    )
+  ] });
+}
+module.exports = SearchTable;

package/lib/components/SearchTable/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>