@pisell/materials 1.0.3 → 1.0.4

package/lib/components/table/Table/fields/index.js

@@ -0,0 +1,58 @@
+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/fields/index.tsx
+var fields_exports = {};
+__export(fields_exports, {
+  default: () => fields_default,
+  fieldList: () => fieldList,
+  fieldMaps: () => fieldMaps,
+  getFieldByType: () => getFieldByType
+});
+module.exports = __toCommonJS(fields_exports);
+var import_text = __toESM(require("./text"));
+var import_link = __toESM(require("./link"));
+var fieldMaps = {
+  text: import_text.default,
+  link: import_link.default
+};
+var fieldList = Object.values(fieldMaps).map((d) => {
+  return d.field;
+});
+var getFieldByType = (type) => {
+  return fieldMaps[type];
+};
+var fields_default = {
+  text: import_text.default
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fieldList,
+  fieldMaps,
+  getFieldByType
+});

package/lib/components/table/Table/fields/link/Editor/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Text: () => JSX.Element;
+export default Text;

package/lib/components/table/Table/fields/link/Editor/index.js

@@ -0,0 +1,29 @@
+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/table/Table/fields/link/Editor/index.tsx
+var Editor_exports = {};
+__export(Editor_exports, {
+  default: () => Editor_default
+});
+module.exports = __toCommonJS(Editor_exports);
+var import_antd = require("antd");
+var Text = () => {
+  return /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: "Default value", name: "default_value" }, /* @__PURE__ */ React.createElement(import_antd.Input, null)));
+};
+var Editor_default = Text;

package/lib/components/table/Table/fields/link/Preview/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Text: (props: any) => JSX.Element;
+export default Text;

package/lib/components/table/Table/fields/link/Preview/index.js

@@ -0,0 +1,38 @@
+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/table/Table/fields/link/Preview/index.tsx
+var Preview_exports = {};
+__export(Preview_exports, {
+  default: () => Preview_default
+});
+module.exports = __toCommonJS(Preview_exports);
+var Text = (props) => {
+  const {
+    title,
+    editable,
+    children,
+    dataIndex,
+    field_type,
+    record,
+    handleSave,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ React.createElement("a", { className: "" }, record[dataIndex]);
+};
+var Preview_default = Text;

package/lib/components/table/Table/fields/link/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+export default _default;

package/lib/components/table/Table/fields/link/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/fields/link/index.tsx
+var link_exports = {};
+__export(link_exports, {
+  default: () => link_default
+});
+module.exports = __toCommonJS(link_exports);
+var import_Editor = __toESM(require("./Editor"));
+var import_Preview = __toESM(require("./Preview"));
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "Link",
+  field_type: "link",
+  default_value: "Text"
+};
+var link_default = {
+  field,
+  Preview: import_Preview.default,
+  Editor: import_Editor.default
+};

package/lib/components/table/Table/fields/text/Editor/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Text: () => JSX.Element;
+export default Text;

package/lib/components/table/Table/fields/text/Editor/index.js

@@ -0,0 +1,40 @@
+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/fields/text/Editor/index.tsx
+var Editor_exports = {};
+__export(Editor_exports, {
+  default: () => Editor_default
+});
+module.exports = __toCommonJS(Editor_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var Text = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: "Default value", name: "default_value" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null)));
+};
+var Editor_default = Text;

package/lib/components/table/Table/fields/text/Preview/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Text: (props: any) => JSX.Element;
+export default Text;

package/lib/components/table/Table/fields/text/Preview/index.js

@@ -0,0 +1,49 @@
+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/fields/text/Preview/index.tsx
+var Preview_exports = {};
+__export(Preview_exports, {
+  default: () => Preview_default
+});
+module.exports = __toCommonJS(Preview_exports);
+var import_react = __toESM(require("react"));
+var Text = (props) => {
+  const {
+    title,
+    editable,
+    children,
+    dataIndex,
+    field_type,
+    record,
+    handleSave,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, record[dataIndex]);
+};
+var Preview_default = Text;

package/lib/components/table/Table/fields/text/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+export default _default;

package/lib/components/table/Table/fields/text/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/fields/text/index.tsx
+var text_exports = {};
+__export(text_exports, {
+  default: () => text_default
+});
+module.exports = __toCommonJS(text_exports);
+var import_Editor = __toESM(require("./Editor"));
+var import_Preview = __toESM(require("./Preview"));
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "Single line text",
+  field_type: "text",
+  default_value: "Text"
+};
+var text_default = {
+  field,
+  Preview: import_Preview.default,
+  Editor: import_Editor.default
+};

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

@@ -0,0 +1,4 @@
+import React from "react";
+import "./index.less";
+declare const GridViewTable: React.FC<any>;
+export default GridViewTable;

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

@@ -0,0 +1,139 @@
+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/index.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  default: () => Table_default
+});
+module.exports = __toCommonJS(Table_exports);
+var import_hooks = require("../../../hooks");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_model = require("../model");
+var import_iconfont = __toESM(require("../../iconfont"));
+var import_index = require("./index.less");
+var import_SortRow = __toESM(require("./tableConfig/SortRow"));
+var import_body = __toESM(require("./tableConfig/body"));
+var import_header = __toESM(require("./tableConfig/header"));
+var itemRender = (_, type, originalElement) => {
+  if (type === "prev") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "paginator-page-btn left" }, /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "icona-iconArrowsLine", className: "icon" }), "Pre");
+  }
+  if (type === "next") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "paginator-page-btn right" }, "Next", /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { type: "icona-iconArrowsLine", className: "icon" }));
+  }
+  return originalElement;
+};
+var GridViewTable = ({ tableProps }) => {
+  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
+  const { dataSource, defaultColumns } = state;
+  const handleSave = (row) => {
+    const newData = [...dataSource];
+    const index = newData.findIndex((item2) => row.key === item2.key);
+    const item = newData[index];
+    newData.splice(index, 1, {
+      ...item,
+      ...row
+    });
+    dispatch({
+      type: "setDataSource",
+      payload: newData
+    });
+  };
+  const handleResize = (index) => (e, { size }) => {
+    const nextColumns = [...defaultColumns];
+    nextColumns[index] = {
+      ...nextColumns[index],
+      width: size.width
+    };
+    dispatch({
+      type: "setDefaultColumns",
+      payload: nextColumns
+    });
+  };
+  const columns = (0, import_react.useMemo)(() => {
+    return defaultColumns.map((col, index) => {
+      if (!col.editable) {
+        return col;
+      }
+      const item = {
+        editable: col.editable || true,
+        dataIndex: col.dataIndex,
+        title: col.title,
+        field_type: col.field_type,
+        lock: col.lock,
+        width: col.width || 0
+      };
+      return {
+        ...col,
+        onCell: (record) => ({
+          record,
+          ...item,
+          handleSave
+        }),
+        onHeaderCell: (record) => ({
+          record,
+          ...item,
+          onResize: handleResize(index)
+        })
+      };
+    });
+  }, [defaultColumns]);
+  const pagination = (0, import_react.useMemo)(() => {
+    return tableProps.pagination === false ? false : {
+      className: "materials-grid-paginator",
+      itemRender,
+      ...tableProps.pagination
+    };
+  }, [tableProps.pagination]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_SortRow.default, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Table,
+    {
+      dataSource,
+      columns,
+      className: "grid-view-table",
+      components: {
+        header: {
+          row: import_header.default.Row,
+          cell: import_header.default.Cell
+        },
+        body: {
+          row: import_body.default.Row,
+          cell: import_body.default.Coll
+        }
+      },
+      ...tableProps,
+      scroll: {
+        x: "max-content"
+      },
+      pagination
+    }
+  )));
+};
+var Table_default = GridViewTable;

package/lib/components/table/Table/index.less

@@ -0,0 +1,104 @@
+.grid-view-table-wrap {
+  position: relative;
+  // flex: 1;
+  // display: flex;
+  // flex-direction: column;
+
+  .grid-view-table {
+    margin-top: 20px;
+    // width: max-content;
+
+  }
+
+
+
+}
+
+.materials-grid-paginator {
+  margin: 0 !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+
+  .ant-pagination-item {
+    position: relative;
+    border: none;
+  }
+
+  .ant-pagination-disabled {
+    opacity: 0.4;
+  }
+
+  .ant-pagination-item-active {
+    a {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+
+    }
+
+    background-color: rgba(0, 0, 0, 0.06);
+  }
+
+  .ant-pagination-prev {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: auto;
+    min-width: auto;
+  }
+
+  .ant-pagination-item-active {}
+
+  .ant-pagination-next {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    min-width: auto;
+  }
+}
+
+.paginator-page-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px 4px 4px 4px;
+  padding: 0 4px;
+  transition: 0.2s;
+  font-size: 12px;
+  font-weight: 400;
+  color: #6f6f6f;
+  cursor: pointer;
+  user-select: none;
+  height: 20px;
+
+  &:hover {
+    // background: #f2f2f2;
+  }
+
+  &.left {
+    margin-right: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-right: 8px;
+    }
+  }
+
+  &.right {
+    margin-left: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-left: 8px;
+      transform: rotate(180deg);
+    }
+  }
+}

package/lib/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const SortRow: ({ children }: any) => JSX.Element;
+export default SortRow;