yuand 1.0.0

package/es/hooks/useQuery.js

@@ -0,0 +1,40 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["queryKey", "ignoreError", "returnData", "method", "headers", "onLogout", "onBefore", "useSignal"];
+import { useQuery } from "@tanstack/react-query";
+import { rq } from "../fetch";
+function useQueryHooks(options) {
+  var _ref = options || {},
+    queryKey = _ref.queryKey,
+    ignoreError = _ref.ignoreError,
+    returnData = _ref.returnData,
+    method = _ref.method,
+    headers = _ref.headers,
+    onLogout = _ref.onLogout,
+    onBefore = _ref.onBefore,
+    _ref$useSignal = _ref.useSignal,
+    useSignal = _ref$useSignal === void 0 ? false : _ref$useSignal,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return useQuery(_objectSpread({
+    queryKey: queryKey,
+    queryFn: function queryFn(_ref2) {
+      var queryKey = _ref2.queryKey,
+        signal = _ref2.signal;
+      onBefore === null || onBefore === void 0 || onBefore();
+      var _queryKey = _slicedToArray(queryKey, 2),
+        url = _queryKey[0],
+        json = _queryKey[1];
+      return rq.request(url, {
+        json: json,
+        returnData: returnData,
+        method: method,
+        ignoreError: ignoreError,
+        signal: useSignal ? signal : undefined,
+        headers: headers,
+        onLogout: onLogout
+      });
+    }
+  }, others));
+}
+export default useQueryHooks;

package/es/hooks/useX.d.ts

@@ -0,0 +1 @@
+export default function useX(column: any[] | ((data: any) => any[])): number;

package/es/hooks/useX.js

@@ -0,0 +1,13 @@
+import { useMemo } from "react";
+export default function useX(column) {
+  if (!Array.isArray(column)) return 0;
+  return useMemo(function () {
+    if (!column.length) return 0;
+    var columns = column.filter(function (item) {
+      return !item.hidden;
+    });
+    return columns.reduce(function (a, b) {
+      return a + parseInt(b.width || 0);
+    }, 0);
+  }, [column]);
+}

package/es/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./utils";
+export * from "./hooks";
+export * from "./fetch";

package/es/index.js

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./utils";
+export * from "./hooks";
+export * from "./fetch";

package/es/utils/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 格式化秒数为天、小时、分钟、秒的字符串
+ * @param seconds 秒数
+ * @returns 格式化后的字符串
+ */
+export declare function formatDuration(seconds: number): string;

package/es/utils/index.js

@@ -0,0 +1,23 @@
+import dayjs from 'dayjs';
+import duration from 'dayjs/plugin/duration';
+dayjs.extend(duration);
+
+/**
+ * 格式化秒数为天、小时、分钟、秒的字符串
+ * @param seconds 秒数
+ * @returns 格式化后的字符串
+ */
+export function formatDuration(seconds) {
+  if (!seconds || seconds === 0) return '0秒';
+  var duration = dayjs.duration(seconds, 'seconds');
+  var days = Math.floor(duration.asDays());
+  var hours = duration.hours();
+  var minutes = duration.minutes();
+  var secs = duration.seconds();
+  var result = '';
+  if (days > 0) result += "".concat(days, "\u5929");
+  if (hours > 0) result += "".concat(hours, "\u5C0F\u65F6");
+  if (minutes > 0) result += "".concat(minutes, "\u5206");
+  if (secs > 0) result += "".concat(secs, "\u79D2");
+  return result || '0秒';
+}

package/es/utils/table.d.ts

@@ -0,0 +1,15 @@
+export interface GetQueryProps {
+    page: number;
+    size: number;
+    sorter: {
+        field?: string;
+        order?: string;
+    };
+    search: Record<string, unknown>;
+    params: Record<string, unknown>;
+}
+export declare const getDataSource: <T extends Record<string, unknown>>(data: T, key: string) => T[];
+export declare const getQuery: ({ page, size, sorter, search, params, }: GetQueryProps) => Record<string, unknown>;
+export declare const getTotal: <T = unknown>(key: string, data: T) => number;
+export declare const formatDate: (key: string, data: Record<string, any>, format?: string) => Record<string, any>;
+export declare const removeEmpty: (data: Record<string, any>) => Record<string, any>;

package/es/utils/table.js

@@ -0,0 +1,106 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var isObject = function isObject(oj) {
+  return Object.prototype.toString.call(oj) === "[object Object]";
+};
+
+//获取key对应的数据
+export var getDataSource = function getDataSource(data, key) {
+  if (Array.isArray(data)) return data;
+  if (key.includes(".")) {
+    var keys = key.split(".");
+    var source = data;
+    keys.forEach(function (it) {
+      if (source) {
+        source = source[it];
+      }
+    });
+    if (Array.isArray(source)) {
+      return source;
+    }
+    return [];
+  }
+  return data[key];
+};
+
+//描述table api 最终的参数组合方式
+export var getQuery = function getQuery(_ref) {
+  var page = _ref.page,
+    size = _ref.size,
+    _ref$sorter = _ref.sorter,
+    sorter = _ref$sorter === void 0 ? {} : _ref$sorter,
+    _ref$search = _ref.search,
+    search = _ref$search === void 0 ? {} : _ref$search,
+    _ref$params = _ref.params,
+    params = _ref$params === void 0 ? {} : _ref$params;
+  var sort = sorter.order ? {
+    orderField: sorter.field,
+    isAsc: sorter.order === "ascend"
+  } : {};
+  return _objectSpread(_objectSpread(_objectSpread({
+    page: page,
+    size: size
+  }, sort), params), search);
+};
+
+//总数量，可以动态指定读取的Key
+export var getTotal = function getTotal(key, data) {
+  if (Array.isArray(data)) return 0;
+  if (key.includes(".")) {
+    var keys = key.split(".");
+    var source = data;
+    keys.forEach(function (it) {
+      if (source) {
+        source = source[it];
+      }
+    });
+    return source;
+  }
+  return data[key] || 0;
+};
+var formatValue = function formatValue(key, data) {
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YYYY-MM-DD";
+  var it = data[key];
+  if (Array.isArray(it) && it.length > 0) {
+    data[key] = it.map(function (item) {
+      return item.format(format);
+    });
+  } else {
+    data[key] = it.format(format);
+  }
+};
+export var formatDate = function formatDate(key, data) {
+  var format = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YYYY-MM-DD";
+  if (!isObject(data)) return data;
+  if (typeof key === "string" && key in data) {
+    formatValue(key, data, format);
+    return data;
+  }
+  if (Array.isArray(key)) {
+    var _iterator = _createForOfIteratorHelper(key),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var it = _step.value;
+        if (it in data) {
+          formatValue(it, data, format);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return data;
+  }
+  return data;
+};
+export var removeEmpty = function removeEmpty(data) {
+  if (!isObject(data)) return data;
+  Object.keys(data).forEach(function (key) {
+    if (data[key] === "" || Array.isArray(data[key]) && data[key].toString() === "") {
+      delete data[key];
+    }
+  });
+  return data;
+};

package/es/utils/util.d.ts

@@ -0,0 +1,2 @@
+export declare const isObject: (oj: unknown) => boolean;
+export declare const isFunction: (oj: unknown) => boolean;

package/es/utils/util.js

@@ -0,0 +1,6 @@
+export var isObject = function isObject(oj) {
+  return Object.prototype.toString.call(oj) === '[object Object]';
+};
+export var isFunction = function isFunction(oj) {
+  return Object.prototype.toString.call(oj) === '[object Function]';
+};

package/lang/en_US.json

@@ -0,0 +1,6 @@
+{
+    "搜索": "Search",
+    "重置": "Reset",
+    "共": "Total",
+    "条记录": "Items"
+}

package/lang/zh_CN.json

@@ -0,0 +1,6 @@
+{
+    "搜索": "搜索",
+    "重置": "重置",
+    "共": "共",
+    "条记录": "条记录"
+}

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

@@ -0,0 +1,12 @@
+import type { ProTableProps, ProTableConfigOptions } from "./types";
+import "./style.css";
+declare const ProTable: {
+    <T extends Record<string, any>>(props: ProTableProps<T>): import("react/jsx-runtime").JSX.Element;
+    useTable: (options?: import("./types").UseTableProps) => import("./types").TableInstance<any>[];
+    getQuery: ({ page, size, sorter, search, params, }: import("../../utils/table").GetQueryProps) => Record<string, unknown>;
+    formatDate: (key: string, data: Record<string, any>, format?: string) => Record<string, any>;
+    removeEmpty: (data: Record<string, any>) => Record<string, any>;
+    pageSizeOptions: number[];
+    config(options: ProTableConfigOptions): void;
+};
+export default ProTable;

package/lib/components/Table/index.js

@@ -0,0 +1,330 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Table/index.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  default: () => Table_default
+});
+module.exports = __toCommonJS(Table_exports);
+var import_fetch = require("../../fetch");
+var import_TableConfig = require("../TableConfig");
+var import_shallow = require("zustand/react/shallow");
+var import_react_query = require("@tanstack/react-query");
+var import_react = require("react");
+var import_antd = require("antd");
+var import_util = require("../../utils/util");
+var import_table = require("../../utils/table");
+var import_useX = __toESM(require("../../hooks/useX"));
+var import_useTable = __toESM(require("./useTable"));
+var import_style = require("./style.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultClassNames = {
+  root: "main-container",
+  form: "search-form",
+  table: "main-table"
+};
+var defaultStyles = {
+  root: {},
+  form: {
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  table: {},
+  toolbar: {
+    marginBottom: 15
+  }
+};
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+var ProTable = (props) => {
+  const {
+    request = {},
+    classNames = defaultClassNames,
+    styles = defaultStyles,
+    table,
+    locale,
+    dataKey = "data",
+    totalKey = "total",
+    manual = false,
+    nostyle,
+    columns,
+    form = {},
+    alert,
+    toolbar = null,
+    pageSizeOptions,
+    pagination,
+    scroll,
+    useData,
+    ...prop
+  } = props;
+  const { lang } = (0, import_react.useContext)(import_TableConfig.I18nContext);
+  const {
+    title: formTitle,
+    extra: formExtra,
+    right: formRight,
+    formItem,
+    layout = "inline",
+    items,
+    reset: formReset,
+    dataForm,
+    handleValues: formHandleValues,
+    onResetBefore: formOnResetBefore,
+    ...otherFormProps
+  } = form;
+  const forceKey = (0, import_react.useRef)(0);
+  const formItems = formItem || items;
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const { page, size, sorter, search, ready, setState } = table.useStore(
+    (0, import_shallow.useShallow)((state) => {
+      return {
+        page: state.page,
+        size: state.size,
+        sorter: state.sorter,
+        search: state.search,
+        ready: state.ready,
+        setState: state.setState
+      };
+    })
+  );
+  const queryKey = (0, import_react.useMemo)(
+    () => [
+      request.url,
+      ProTable.getQuery({
+        page,
+        size,
+        sorter,
+        search,
+        params: request.params
+      }),
+      forceKey.current
+    ],
+    [request, page, size, sorter, search]
+  );
+  const {
+    data = {},
+    isLoading,
+    refetch
+  } = (0, import_react_query.useQuery)({
+    queryKey,
+    queryFn: async ({ queryKey: queryKey2 }) => {
+      var _a, _b;
+      if (!request.url)
+        return Promise.resolve({});
+      (_a = request.onBefore) == null ? void 0 : _a.call(request);
+      const [url, json] = queryKey2;
+      const lowerMethod = (_b = request.method) == null ? void 0 : _b.toLocaleUpperCase();
+      return import_fetch.rq.request(url, {
+        method: lowerMethod,
+        json,
+        onSuccess: request.onSuccess
+      });
+    },
+    enabled: ready
+  });
+  (0, import_react.useEffect)(() => {
+    if (useData) {
+      setState({
+        data
+      });
+    }
+  }, [data]);
+  const { dataSource, total, column, renderAlert } = (0, import_react.useMemo)(() => {
+    return {
+      column: typeof columns === "function" ? columns(data) : columns,
+      dataSource: (0, import_table.getDataSource)(data, dataKey),
+      renderAlert: typeof alert === "function" ? alert(data) : alert,
+      total: (0, import_table.getTotal)(totalKey, data)
+    };
+  }, [columns, data, dataKey, totalKey]);
+  const onSearch = () => {
+    if (formItems) {
+      table.form.submit();
+    } else {
+      setState({
+        ready: true
+      });
+    }
+  };
+  const onReset = () => {
+    setState({
+      size: (pageSizeOptions == null ? void 0 : pageSizeOptions[0]) || ProTable.pageSizeOptions[0],
+      sorter: {}
+    });
+    if (formItems) {
+      if ((formOnResetBefore == null ? void 0 : formOnResetBefore()) === false)
+        return;
+      table.form.resetFields();
+      if (formReset === void 0 || formReset === true) {
+        table.form.submit();
+      }
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (table) {
+      table.run = onSearch;
+      table.queryKey = queryKey;
+      table.clear = () => queryClient.setQueryData(queryKey, {});
+      table.refresh = refetch;
+      table.reset = () => {
+        if (formItems) {
+          onReset();
+        }
+      };
+    }
+  }, [table, queryKey]);
+  (0, import_react.useEffect)(() => {
+    if (manual)
+      return;
+    if (formItems) {
+      table.form.submit();
+    } else {
+      setState({
+        ready: true
+      });
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      table.resetStore();
+    };
+  }, [table]);
+  const onFinish = (0, import_react.useCallback)((values) => {
+    if (formHandleValues) {
+      values = formHandleValues(values);
+    }
+    if (!values)
+      return;
+    forceKey.current += 1;
+    setState({
+      page: 1,
+      search: values,
+      ready: true
+    });
+  }, []);
+  const tableChange = (0, import_react.useCallback)((pagination2, sorter2) => {
+    setState({
+      page: pagination2.current,
+      size: pagination2.pageSize,
+      sorter: sorter2,
+      ready: true
+    });
+  }, []);
+  const x = (scroll == null ? void 0 : scroll.x) ?? (0, import_useX.default)(column);
+  const y = scroll == null ? void 0 : scroll.y;
+  const renderTable = () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Table,
+      {
+        columns: column,
+        loading: isLoading,
+        scroll: { x, y },
+        locale,
+        onChange: (p, _, sorter2) => tableChange(p, sorter2),
+        pagination: {
+          current: page,
+          pageSize: size,
+          showQuickJumper: pagination ? pagination.showQuickJumper : true,
+          showSizeChanger: pagination ? pagination.showSizeChanger : true,
+          hideOnSinglePage: pagination ? pagination.hideOnSinglePage : false,
+          pageSizeOptions: pageSizeOptions || ProTable.pageSizeOptions,
+          total,
+          showTotal(total2) {
+            return `${(0, import_TableConfig.t)("共", lang)} ${total2} ${(0, import_TableConfig.t)("条记录", lang)}`;
+          }
+        },
+        dataSource,
+        ...prop
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (classNames == null ? void 0 : classNames.root) ?? defaultClassNames.root,
+      style: styles.root,
+      children: [
+        !!formItems && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (classNames == null ? void 0 : classNames.form) ?? defaultClassNames.form,
+            style: styles.form,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_antd.Form,
+                {
+                  form: table.form,
+                  layout,
+                  onFinish,
+                  ...otherFormProps,
+                  children: [
+                    formTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { children: formTitle }),
+                    formItems,
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", loading: isLoading, htmlType: "submit", children: (0, import_TableConfig.t)("搜索", lang) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { onClick: onReset, disabled: isLoading, children: (0, import_TableConfig.t)("重置", lang) }),
+                      formExtra
+                    ] }) })
+                  ]
+                }
+              ),
+              formRight
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (classNames == null ? void 0 : classNames.table) ?? defaultClassNames.table,
+            style: styles.table,
+            children: [
+              toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.toolbar, children: toolbar }),
+              renderAlert,
+              !!dataForm ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form, { ...dataForm, children: renderTable() }) : renderTable()
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+ProTable.useTable = import_useTable.default;
+ProTable.getQuery = import_table.getQuery;
+ProTable.formatDate = import_table.formatDate;
+ProTable.removeEmpty = import_table.removeEmpty;
+ProTable.pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS;
+ProTable.config = (options) => {
+  if (!options || !(0, import_util.isObject)(options))
+    return;
+  if (options.getQuery) {
+    ProTable.getQuery = options.getQuery;
+  }
+  if (options.pageSizeOptions) {
+    ProTable.pageSizeOptions = options.pageSizeOptions;
+  }
+};
+var Table_default = ProTable;

package/lib/components/Table/style.css

@@ -0,0 +1,3 @@
+.search-form .ant-form-item {
+    margin-bottom: 20px!important;
+}