@pisell/materials 1.0.449 → 1.0.451

package/lib/components/dataSourceComponents/dataSourceForm/utils.js

@@ -0,0 +1,177 @@
+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/dataSourceComponents/dataSourceForm/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  formItemNameReplace: () => formItemNameReplace,
+  formItemNameReverse: () => formItemNameReverse,
+  getNestedValue: () => getNestedValue,
+  renderValueWithMap: () => renderValueWithMap,
+  withFormItem: () => withFormItem,
+  withMode: () => withMode
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_antd = require("antd");
+var import_form = __toESM(require("../../form"));
+var import_useDataSource = __toESM(require("../hooks/useDataSource"));
+var import_useFormSetting = __toESM(require("./provider/hooks/useFormSetting"));
+var withMode = (FieldComponent, ReadPrettyComponent, transformProps) => {
+  return ({ renderMode = "edit", value, onChange, ...props }) => {
+    const transformedProps = (transformProps == null ? void 0 : transformProps(
+      { ...props, value, onChange, renderMode },
+      renderMode
+    )) || { ...props, value, onChange, renderMode };
+    if (renderMode === "view" && ReadPrettyComponent) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        ReadPrettyComponent,
+        {
+          ...transformedProps
+        }
+      );
+    }
+    if (renderMode === "disabled") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        FieldComponent,
+        {
+          ...transformedProps,
+          disabled: true
+        }
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(FieldComponent, { ...transformedProps });
+  };
+};
+var FORM_ITEM_SPLIT_CHAR = "__zsj__";
+var formItemNameReplace = (name) => {
+  return name.replace(/\./g, FORM_ITEM_SPLIT_CHAR);
+};
+var formItemNameReverse = (name) => {
+  return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, "g"), ".");
+};
+var withFormItem = (WrappedComponent) => {
+  return ({
+    name: propsName,
+    label: propsLabel,
+    mode: propsMode,
+    tooltip,
+    noStyle,
+    extra,
+    required,
+    requiredobj,
+    minLengthobj,
+    maxLengthobj,
+    typeobj,
+    maxobj,
+    minobj,
+    style,
+    __designMode,
+    ...otherProps
+  }) => {
+    var _a;
+    const { dataSource } = (0, import_useDataSource.default)();
+    const { fields } = dataSource || {};
+    const { mode: globalMode } = (0, import_useFormSetting.default)();
+    const field = fields == null ? void 0 : fields.find((item) => item.name === propsName);
+    const label = propsLabel || ((_a = field == null ? void 0 : field.uiSchema) == null ? void 0 : _a.title) || propsName;
+    const effectiveMode = propsMode || globalMode;
+    const renderComponent = (0, import_react.useMemo)(() => {
+      return /* @__PURE__ */ import_react.default.createElement(WrappedComponent, { ...otherProps, renderMode: effectiveMode });
+    }, [effectiveMode, otherProps]);
+    const isDesignMode = __designMode === "design";
+    const isHidden = effectiveMode === "hidden";
+    const name = (0, import_utils.isString)(propsName) && propsName.includes(".") ? [propsName] : propsName;
+    const rules = [];
+    if (requiredobj && requiredobj.required) {
+      rules.push(requiredobj);
+    }
+    if (typeobj && typeobj.enabled) {
+      rules.push(typeobj);
+    }
+    if (maxLengthobj && maxLengthobj.enabled) {
+      rules.push(maxLengthobj);
+    }
+    if (minLengthobj && minLengthobj.enabled) {
+      rules.push(minLengthobj);
+    }
+    if (maxobj && maxobj.enabled) {
+      rules.push(maxobj);
+    }
+    if (minobj && minobj.enabled) {
+      rules.push(minobj);
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_form.default.Item,
+      {
+        required,
+        style: {
+          width: "100%",
+          ...style,
+          opacity: isDesignMode && isHidden ? "0.3" : 1
+        },
+        name,
+        label,
+        tooltip,
+        noStyle,
+        extra,
+        hidden: isHidden && !isDesignMode,
+        rules
+      },
+      renderComponent
+    );
+  };
+};
+var getNestedValue = (obj, path) => {
+  const keys = path.split(".");
+  let value = obj;
+  for (const k of keys) {
+    if (!value)
+      break;
+    value = value[k];
+  }
+  return value;
+};
+var renderValueWithMap = (value, valueMap) => {
+  if ((0, import_utils.isArr)(value)) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, value.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { key: item }, valueMap == null ? void 0 : valueMap[item])));
+  } else if ((0, import_utils.isString)(value)) {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, null, (valueMap == null ? void 0 : valueMap[value]) || value);
+  }
+  return null;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formItemNameReplace,
+  formItemNameReverse,
+  getNestedValue,
+  renderValueWithMap,
+  withFormItem,
+  withMode
+});

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.d.ts

@@ -0,0 +1,11 @@
+import { ColumnType } from 'antd/es/table';
+export declare type Column = ColumnType<{
+    fieldComponent: string;
+}>;
+declare type UseColumnsProps = {
+    columns: Column[];
+    fields?: any[];
+    actionsColumns?: any[];
+};
+declare const useColumns: ({ columns, fields, actionsColumns, }: UseColumnsProps) => Column[];
+export default useColumns;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -0,0 +1,85 @@
+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/dataSourceComponents/dataSourceTable/hooks/useColumns.tsx
+var useColumns_exports = {};
+__export(useColumns_exports, {
+  default: () => useColumns_default
+});
+module.exports = __toCommonJS(useColumns_exports);
+var import_react = __toESM(require("react"));
+var import_fields = require("../../fields");
+var genFieldProps = (field) => {
+  const props = {
+    mode: "view",
+    noStyle: true
+  };
+  if (!field)
+    return props;
+  if (["Select", "Radio.Group", "Checkbox.Group"].includes(
+    field.uiSchema["x-component"]
+  ) && field.uiSchema.enum.length > 0) {
+    if (["Radio.Group", "Checkbox.Group"].includes(field.uiSchema["x-component"])) {
+      props.direction = "horizontal";
+    }
+    props.options = field.uiSchema.enum;
+  }
+  return props;
+};
+var useColumns = ({
+  columns,
+  fields,
+  actionsColumns
+}) => {
+  const fieldMap = (0, import_react.useMemo)(() => {
+    if (!fields)
+      return {};
+    return fields.reduce((acc, field) => {
+      acc[field.name] = field;
+      return acc;
+    }, {});
+  }, [fields]);
+  return (0, import_react.useMemo)(() => {
+    if (Object.keys(fieldMap).length === 0)
+      return [];
+    return columns.map((column) => {
+      const field = fieldMap[column == null ? void 0 : column.dataIndex];
+      const title = (column == null ? void 0 : column.title) || (field == null ? void 0 : field.title);
+      const FieldComponent = (0, import_fields.getFieldComponent)(column == null ? void 0 : column.fieldComponent) || "div";
+      const fieldProps = genFieldProps(field);
+      return {
+        ...column,
+        title,
+        render: (text) => {
+          return /* @__PURE__ */ import_react.default.createElement(FieldComponent, { ...fieldProps, value: text });
+        }
+      };
+    }).concat(actionsColumns || []);
+  }, [columns, fieldMap, actionsColumns]);
+};
+var useColumns_default = useColumns;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.d.ts

@@ -0,0 +1,2 @@
+declare const useDesignMode: (props: any, { registerVariable, openDrawer, closeDrawer, data }: any) => void;
+export default useDesignMode;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.ts
+var useDesignMode_exports = {};
+__export(useDesignMode_exports, {
+  default: () => useDesignMode_default
+});
+module.exports = __toCommonJS(useDesignMode_exports);
+var import_react = require("react");
+var useDesignMode = (props, { registerVariable, openDrawer, closeDrawer, data }) => {
+  const { __designMode, showDetailButton, showEditButton } = props;
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (__designMode === "design") {
+      if (showDetailButton) {
+        openDrawer("detail");
+        registerVariable == null ? void 0 : registerVariable({
+          currentRecord: ((_a = data == null ? void 0 : data.data) == null ? void 0 : _a[0]) || null
+        });
+      } else {
+        closeDrawer();
+      }
+    }
+  }, [showDetailButton, __designMode]);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (__designMode === "design") {
+      if (showEditButton) {
+        openDrawer("edit");
+        registerVariable == null ? void 0 : registerVariable({
+          currentRecord: ((_a = data == null ? void 0 : data.data) == null ? void 0 : _a[0]) || null
+        });
+      } else {
+        closeDrawer();
+      }
+    }
+  }, [showEditButton, __designMode]);
+};
+var useDesignMode_default = useDesignMode;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const useDrawerState: () => {
+    drawerVisible: boolean;
+    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    drawerType: "add" | "edit" | "detail";
+    setDrawerType: import("react").Dispatch<import("react").SetStateAction<"add" | "edit" | "detail">>;
+    openDrawer: (type: 'detail' | 'edit' | 'add') => void;
+    closeDrawer: () => void;
+};
+export default useDrawerState;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.ts
+var useDrawerState_exports = {};
+__export(useDrawerState_exports, {
+  default: () => useDrawerState_default
+});
+module.exports = __toCommonJS(useDrawerState_exports);
+var import_react = require("react");
+var useDrawerState = () => {
+  const [drawerVisible, setDrawerVisible] = (0, import_react.useState)(false);
+  const [drawerType, setDrawerType] = (0, import_react.useState)("detail");
+  const openDrawer = (type) => {
+    setDrawerVisible(true);
+    setDrawerType(type);
+  };
+  const closeDrawer = () => {
+    setDrawerVisible(false);
+  };
+  return {
+    drawerVisible,
+    setDrawerVisible,
+    drawerType,
+    setDrawerType,
+    openDrawer,
+    closeDrawer
+  };
+};
+var useDrawerState_default = useDrawerState;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.d.ts

@@ -0,0 +1,27 @@
+export declare type ListResult = {
+    data: any[];
+    count: number;
+    page: number;
+    pageSize: number;
+};
+export declare type UseFormatParams = {
+    dataSourceKey: string;
+};
+export declare type FormatListResultParams = {
+    list: any[];
+    count: number;
+    page: number;
+    size: number;
+} | {
+    data: any[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+    };
+};
+declare const useFormat: ({ dataSourceKey }: UseFormatParams) => {
+    formatListResult: (res: FormatListResultParams) => ListResult;
+    formatListParams: (params: any) => any;
+};
+export default useFormat;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -0,0 +1,62 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/hooks/useFormat.ts
+var useFormat_exports = {};
+__export(useFormat_exports, {
+  default: () => useFormat_default
+});
+module.exports = __toCommonJS(useFormat_exports);
+var import_ahooks = require("ahooks");
+var useFormat = ({ dataSourceKey }) => {
+  const formatListResult = (0, import_ahooks.useMemoizedFn)(
+    (res) => {
+      if (dataSourceKey === "pisell2-api" && "list" in res) {
+        return {
+          data: res.list,
+          count: res.count,
+          page: res.page,
+          pageSize: res.size
+        };
+      }
+      if ("meta" in res) {
+        return {
+          data: res.data,
+          count: res.meta.count,
+          page: res.meta.page,
+          pageSize: res.meta.pageSize
+        };
+      }
+      return res;
+    }
+  );
+  const formatListParams = (0, import_ahooks.useMemoizedFn)((params) => {
+    if (dataSourceKey === "pisell2-api") {
+      return {
+        page: params.page,
+        size: params.pageSize
+      };
+    }
+    return params;
+  });
+  return {
+    formatListResult,
+    formatListParams
+  };
+};
+var useFormat_default = useFormat;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/usePagination.d.ts

@@ -0,0 +1,16 @@
+declare type UsePaginationProps = {
+    data: {
+        count: number;
+        page: number;
+        pageSize: number;
+        [key: string]: any;
+    };
+};
+declare const usePagination: ({ data }: UsePaginationProps) => {
+    total: number;
+    current: number;
+    pageSize: number;
+    size: string;
+    showSizeChanger: boolean;
+};
+export default usePagination;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/usePagination.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/hooks/usePagination.ts
+var usePagination_exports = {};
+__export(usePagination_exports, {
+  default: () => usePagination_default
+});
+module.exports = __toCommonJS(usePagination_exports);
+var import_react = require("react");
+var usePagination = ({ data }) => {
+  return (0, import_react.useMemo)(() => {
+    return {
+      total: data == null ? void 0 : data.count,
+      current: data == null ? void 0 : data.page,
+      pageSize: data == null ? void 0 : data.pageSize,
+      size: "large",
+      showSizeChanger: (data == null ? void 0 : data.count) > 50
+    };
+  }, [data]);
+};
+var usePagination_default = usePagination;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const useTableQuery: () => {
+    queryPageConfig: {
+        page: number;
+        pageSize: number;
+    };
+    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
+        page: number;
+        pageSize: number;
+    }>>;
+    handleValuesChange: (params: {
+        pagination: {
+            page: number;
+            size: number;
+        };
+    }) => void;
+    refreshData: () => void;
+};
+export default useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.ts
+var useTableQuery_exports = {};
+__export(useTableQuery_exports, {
+  default: () => useTableQuery_default
+});
+module.exports = __toCommonJS(useTableQuery_exports);
+var import_react = require("react");
+var import_ahooks = require("ahooks");
+var useTableQuery = () => {
+  const [queryPageConfig, setQueryPageConfig] = (0, import_react.useState)({
+    page: 1,
+    pageSize: 10
+  });
+  const handleValuesChange = (0, import_ahooks.useMemoizedFn)(
+    (params) => {
+      const { page, size } = params.pagination;
+      if (page !== queryPageConfig.page || size !== queryPageConfig.pageSize) {
+        setQueryPageConfig({
+          page: size !== queryPageConfig.pageSize ? 1 : page,
+          pageSize: size
+        });
+      }
+    }
+  );
+  const refreshData = (0, import_ahooks.useMemoizedFn)(() => {
+    setQueryPageConfig((prev) => ({
+      ...prev,
+      page: 1
+    }));
+  });
+  return {
+    queryPageConfig,
+    setQueryPageConfig,
+    handleValuesChange,
+    refreshData
+  };
+};
+var useTableQuery_default = useTableQuery;

package/lib/components/dataSourceComponents/dataSourceTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+declare const DataSourceTable: (props: DataSourceTableProps) => React.JSX.Element;
+export default DataSourceTable;