@pisell/materials 1.0.3 → 1.0.4

package/lib/components/table/Table/tableConfig/summary/index.js

@@ -0,0 +1,47 @@
+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/Table/tableConfig/summary/index.tsx
+var summary_exports = {};
+__export(summary_exports, {
+  default: () => summary_default
+});
+module.exports = __toCommonJS(summary_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var summary = (props) => {
+  console.log("summary", props);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Table.Summary, { fixed: true }, /* @__PURE__ */ import_react.default.createElement(import_antd.Table.Summary.Row, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Table.Summary.Cell, { index: 0, colSpan: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      style: { paddingLeft: 20, cursor: "pointer", color: "#777777" }
+    },
+    "+ Click to add"
+  ))));
+};
+var summary_default = summary;

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const Table: (props: any) => JSX.Element;
-export default Table;
+import "./index.less";
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/lib/components/table/index.js

@@ -33,9 +33,27 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var Table = (props) => {
-  const columns = (props.columns || []).filter((item) => !(item == null ? void 0 : item.hidden));
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ...props, columns });
+var import_Actions = __toESM(require("./Actions"));
+var import_Table = __toESM(require("./Table"));
+var import_hooks = require("../../hooks");
+var import_index = require("./index.less");
+var import_model = require("./model");
+var GridView = (props) => {
+  const modal = (0, import_hooks.useSharedState)(import_model.Context);
+  const { dataSource, columns, dispatch, style, filter, buttons, ...other } = props;
+  (0, import_react.useEffect)(() => {
+    modal.dispatch({
+      type: "setDefaultColumns",
+      payload: columns
+    });
+  }, [columns]);
+  console.log("wzw", other);
+  (0, import_react.useEffect)(() => {
+    modal.dispatch({
+      type: "setDataSource",
+      payload: dataSource
+    });
+  }, [dataSource]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid", style }, /* @__PURE__ */ import_react.default.createElement(import_Actions.default, { filter, buttons }), /* @__PURE__ */ import_react.default.createElement(import_Table.default, { tableProps: other }));
 };
-var table_default = Table;
+var table_default = (0, import_model.Provider)(GridView);

package/lib/components/table/index.less

@@ -0,0 +1,7 @@
+.materials-grid {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+}

package/lib/components/table/model.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface FormState {
+    dataSource: any[];
+    defaultColumns: any[];
+    currentCell: any;
+    setting: any;
+}
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;
+export {};

package/lib/components/table/model.js

@@ -0,0 +1,134 @@
+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/model.tsx
+var model_exports = {};
+__export(model_exports, {
+  Context: () => Context,
+  Provider: () => Provider
+});
+module.exports = __toCommonJS(model_exports);
+var import_miniRedux = __toESM(require("../../utils/miniRedux"));
+var defaultState = {
+  dataSource: [
+    {
+      key: "1",
+      id: 1,
+      name: "Olivia Rhye",
+      age: "32",
+      address: "London, Park Lane no. 0",
+      image: ["https://file.mypisell-dev.com//static/avatar.png"]
+    },
+    {
+      key: "2",
+      id: 2,
+      name: "Dianne Russell",
+      age: "32",
+      address: "London, Park Lane no. 1",
+      image: ["https://file.mypisell-dev.com//static/avatar.png"]
+    }
+  ],
+  defaultColumns: [
+    {
+      title: "Name",
+      dataIndex: "name",
+      field_type: "text",
+      editable: true,
+      width: 200,
+      fixed: "left",
+      lock: true
+    },
+    {
+      title: "Age",
+      dataIndex: "age",
+      editable: true,
+      width: 200,
+      field_type: "text",
+      lock: true
+    },
+    {
+      title: "Address",
+      dataIndex: "address",
+      editable: true,
+      width: 200,
+      field_type: "text"
+    },
+    {
+      title: "Image",
+      dataIndex: "image",
+      editable: true,
+      width: 200,
+      field_type: "image"
+    }
+  ],
+  currentCell: null,
+  setting: {
+    field: {
+      edit: 0
+    },
+    data: {
+      edit: 0
+    }
+  }
+};
+var { Provider, Context } = (0, import_miniRedux.default)({
+  namespace: "state",
+  state: defaultState,
+  reducers: {
+    setDataSource(state, payload) {
+      return { ...state, dataSource: payload };
+    },
+    setDefaultColumns(state, payload) {
+      return {
+        ...state,
+        defaultColumns: payload.map((d) => formatColumn(d))
+      };
+    },
+    setCurrentCell(state, payload) {
+      return { ...state, currentCell: payload };
+    }
+  }
+});
+var formatColumn = (item) => {
+  let _other = {
+    editable: true,
+    width: 200,
+    field_type: "text",
+    lock: true,
+    ...item.other || {}
+  };
+  return {
+    ..._other,
+    ...item
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Context,
+  Provider
+});

package/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import useSharedState from './useSharedState';
+export { useSharedState };

package/lib/hooks/index.js

@@ -0,0 +1,39 @@
+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/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useSharedState: () => import_useSharedState.default
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_useSharedState = __toESM(require("./useSharedState"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSharedState
+});

package/lib/hooks/useSharedState.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+/**
+ * @title: 使用状态管理器的自定义钩子函数
+ * @description:
+ * @param {useMyContext} MyContext
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2023-07-05 10:23
+ */
+declare const useSharedState: <T>(MyContext: Context<T>) => NonNullable<T>;
+export default useSharedState;

package/lib/hooks/useSharedState.js

@@ -0,0 +1,33 @@
+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/hooks/useSharedState.ts
+var useSharedState_exports = {};
+__export(useSharedState_exports, {
+  default: () => useSharedState_default
+});
+module.exports = __toCommonJS(useSharedState_exports);
+var import_react = require("react");
+var useSharedState = (MyContext) => {
+  const context = (0, import_react.useContext)(MyContext);
+  if (!context) {
+    throw new Error("useMyContext must be used within a MyStateProvider");
+  }
+  return context;
+};
+var useSharedState_default = useSharedState;

package/lib/index.d.ts

@@ -20,7 +20,6 @@ export { Menu } from 'antd';
 export { Mentions } from 'antd';
 export { Statistic } from 'antd';
 export { notification } from 'antd';
-export { PageHeader } from 'antd';
 export { Pagination } from 'antd';
 export { Popconfirm } from 'antd';
 export { Popover } from 'antd';
@@ -61,3 +60,4 @@ export { default as Input } from './components/input';
 export { default as Select } from './components/select';
 export { default as Cascader } from './components/cascader';
 export { default as AutoComplete } from './components/auto-complete';
+export { default as Div } from './components/div';

package/lib/index.js

@@ -47,6 +47,7 @@ __export(src_exports, {
   ConfigProvider: () => import_config_provider.default,
   DatePicker: () => import_date_picker.default,
   Descriptions: () => import_antd11.Descriptions,
+  Div: () => import_div.default,
   Divider: () => import_antd12.Divider,
   Drawer: () => import_drawer.default,
   Dropdown: () => import_dropdown.default,
@@ -61,37 +62,36 @@ __export(src_exports, {
   Mentions: () => import_antd20.Mentions,
   Menu: () => import_antd19.Menu,
   Modal: () => import_modal.default,
-  PageHeader: () => import_antd23.PageHeader,
-  Pagination: () => import_antd24.Pagination,
-  Popconfirm: () => import_antd25.Popconfirm,
-  Popover: () => import_antd26.Popover,
-  Progress: () => import_antd27.Progress,
+  Pagination: () => import_antd23.Pagination,
+  Popconfirm: () => import_antd24.Popconfirm,
+  Popover: () => import_antd25.Popover,
+  Progress: () => import_antd26.Progress,
   Radio: () => import_radio.default,
-  Rate: () => import_antd28.Rate,
-  Result: () => import_antd29.Result,
-  Row: () => import_antd30.Row,
+  Rate: () => import_antd27.Rate,
+  Result: () => import_antd28.Result,
+  Row: () => import_antd29.Row,
   Select: () => import_select.default,
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
-  Space: () => import_antd31.Space,
-  Spin: () => import_antd32.Spin,
+  Space: () => import_antd30.Space,
+  Spin: () => import_antd31.Spin,
   Statistic: () => import_antd21.Statistic,
-  Steps: () => import_antd33.Steps,
-  Switch: () => import_antd34.Switch,
+  Steps: () => import_antd32.Steps,
+  Switch: () => import_antd33.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
-  Tag: () => import_antd37.Tag,
+  Tag: () => import_antd36.Tag,
   TimePicker: () => import_time_picker.default,
-  Timeline: () => import_antd38.Timeline,
-  Tooltip: () => import_antd39.Tooltip,
-  Transfer: () => import_antd35.Transfer,
-  Tree: () => import_antd36.Tree,
+  Timeline: () => import_antd37.Timeline,
+  Tooltip: () => import_antd38.Tooltip,
+  Transfer: () => import_antd34.Transfer,
+  Tree: () => import_antd35.Tree,
   TreeSelect: () => import_tree_select.default,
-  Typography: () => import_antd40.Typography,
+  Typography: () => import_antd39.Typography,
   Upload: () => import_upload.default,
   message: () => import_antd18.message,
   notification: () => import_antd22.notification,
-  version: () => import_antd41.version
+  version: () => import_antd40.version
 });
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
@@ -134,7 +134,6 @@ var import_antd37 = require("antd");
 var import_antd38 = require("antd");
 var import_antd39 = require("antd");
 var import_antd40 = require("antd");
-var import_antd41 = require("antd");
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
 var import_button = __toESM(require("./components/button"));
@@ -157,6 +156,7 @@ var import_input = __toESM(require("./components/input"));
 var import_select = __toESM(require("./components/select"));
 var import_cascader = __toESM(require("./components/cascader"));
 var import_auto_complete = __toESM(require("./components/auto-complete"));
+var import_div = __toESM(require("./components/div"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -177,6 +177,7 @@ var import_auto_complete = __toESM(require("./components/auto-complete"));
   ConfigProvider,
   DatePicker,
   Descriptions,
+  Div,
   Divider,
   Drawer,
   Dropdown,
@@ -191,7 +192,6 @@ var import_auto_complete = __toESM(require("./components/auto-complete"));
   Mentions,
   Menu,
   Modal,
-  PageHeader,
   Pagination,
   Popconfirm,
   Popover,

package/lib/utils/hoc.d.ts

@@ -3,7 +3,7 @@ import React, { ComponentType } from 'react';
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap(Comp: ComponentType<any>): React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentProps<T>> & React.RefAttributes<any>>;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错

package/lib/utils/miniRedux.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface MiniReduxProps<State, Namespace> {
+    namespace?: Namespace;
+    state?: State;
+    reducers?: any;
+    effects?: any;
+}
+declare const _default: <State extends Record<string, any>, Namespace extends string>({ namespace, state, reducers, effects, }: MiniReduxProps<State, Namespace>) => {
+    Context: React.Context<{ [K in Namespace]: State; } & {
+        dispatch: (params: {
+            type: string;
+            payload: any;
+        }) => void;
+    }>;
+    Provider: (ComponentUi: any) => (props: any) => JSX.Element;
+};
+export default _default;

package/lib/utils/miniRedux.js

@@ -0,0 +1,86 @@
+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/utils/miniRedux.tsx
+var miniRedux_exports = {};
+__export(miniRedux_exports, {
+  default: () => miniRedux_default
+});
+module.exports = __toCommonJS(miniRedux_exports);
+var import_react = __toESM(require("react"));
+var miniRedux_default = ({
+  namespace = "state",
+  state,
+  reducers = {},
+  effects = {}
+}) => {
+  const Context = (0, import_react.createContext)({});
+  const Provider = (ComponentUi) => {
+    const Components = (props) => {
+      const [providerState, dispatch] = (0, import_react.useReducer)(
+        (state2, { type, payload }) => {
+          if (reducers[type]) {
+            return reducers[type](state2, payload);
+          } else {
+            return state2;
+          }
+        },
+        state
+      );
+      const _dispatch = (0, import_react.useCallback)(({ type, payload }) => {
+        if (effects[type]) {
+          effects[type].call(null, payload, dispatch);
+        } else if (reducers[type]) {
+          dispatch({ type, payload });
+        }
+      }, []);
+      let _props = {
+        ...props,
+        [namespace]: providerState,
+        dispatch: _dispatch
+      };
+      let _ref = null;
+      if (_props.forwardedRef) {
+        _ref = _props.forwardedRef;
+        delete _props.forwardedRef;
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        Context.Provider,
+        {
+          value: { [namespace]: providerState, dispatch: _dispatch }
+        },
+        /* @__PURE__ */ import_react.default.createElement(ComponentUi, { ..._props, ref: _ref })
+      );
+    };
+    return Components;
+  };
+  return {
+    Context,
+    Provider
+  };
+};