@pisell/materials 1.0.205 → 1.0.206

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

@@ -22,6 +22,7 @@ __export(Show_exports, {
   default: () => Show_default
 });
 module.exports = __toCommonJS(Show_exports);
+var import_utils = require("../../utils");
 var Show = (props) => {
   const {
     title,
@@ -32,6 +33,6 @@ var Show = (props) => {
     handleSave,
     ...restProps
   } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: "" }, record[dataIndex]);
+  return /* @__PURE__ */ React.createElement("div", { className: "" }, (0, import_utils.getValueByKeys)(record, dataIndex));
 };
 var Show_default = Show;

package/lib/components/table/Table/fields/search/Sort/index.d.ts

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

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

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => JSX.Element;
+    config: () => import("react").JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => JSX.Element;
-    show: (props: import("../types").FieldPropsType) => JSX.Element;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
 };
 export default _default;

package/lib/components/table/Table/fields/select/Config/index.d.ts

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

package/lib/components/table/Table/fields/select/Show/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FieldPropsType } from "../../types";
-declare const Show: (props: FieldPropsType) => JSX.Element;
+declare const Show: (props: FieldPropsType) => import("react").JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/select/Sort/index.d.ts

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

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

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => JSX.Element;
+    config: () => import("react").JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => JSX.Element;
-    show: (props: import("../types").FieldPropsType) => JSX.Element;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
 };
 export default _default;

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

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

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

@@ -35,10 +35,11 @@ module.exports = __toCommonJS(Edit_exports);
 var import_react = require("react");
 var import_input = __toESM(require("../../../../../input"));
 var Edit = (props, ref) => {
-  const { value, onChange, onPressEnter, onBlur, style, bordered } = props;
+  const { value, onChange, onPressEnter, onBlur, style, bordered, ...others } = props;
   return /* @__PURE__ */ React.createElement(
     import_input.default,
     {
+      ...others,
       bordered,
       ref,
       value,

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
-declare const Show: (props: FieldPropsType) => JSX.Element;
+declare const Show: (props: FieldPropsType) => import("react").JSX.Element;
 export default Show;

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

@@ -36,6 +36,7 @@ var import_hooks = require("../../../../../../hooks");
 var import_model = require("../../../../model");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
+var import_utils = require("../../utils");
 var Show = (props) => {
   const modal = (0, import_hooks.useSharedState)(import_model.Context);
   const {
@@ -70,7 +71,7 @@ var Show = (props) => {
       ),
       onClick
     },
-    record[dataIndex]
+    (0, import_utils.getValueByKeys)(record, dataIndex)
   );
 };
 var Show_default = Show;

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

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

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

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => JSX.Element;
+    config: () => import("react").JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => JSX.Element;
-    show: (props: import("../types").FieldPropsType) => JSX.Element;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
 };
 export default _default;

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

@@ -0,0 +1 @@
+export declare const getValueByKeys: (obj: Record<string, any>, keys: string[] | string) => any;

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

@@ -0,0 +1,46 @@
+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/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getValueByKeys: () => getValueByKeys
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@pisell/utils");
+var getValueByKeys = (obj, keys) => {
+  var _a;
+  if (!keys)
+    return keys;
+  if ((0, import_utils.isString)(keys)) {
+    keys = [keys];
+  }
+  let result = obj;
+  for (let key of keys) {
+    if (result && ((_a = result == null ? void 0 : result.hasOwnProperty) == null ? void 0 : _a.call(result, key))) {
+      result = result[key];
+    } else {
+      return void 0;
+    }
+  }
+  return result;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getValueByKeys
+});

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

@@ -46,6 +46,7 @@ var import_stringFilter = __toESM(require("../TableFilter/stringFilter"));
 var import_numberFilter = __toESM(require("../TableFilter/numberFilter"));
 var import_selectFilter = __toESM(require("../TableFilter/selectFilter"));
 var import_SortIcon = __toESM(require("../TableFilter/SortIcon"));
+var import_locales = require("../../../locales");
 var GridViewTable = ({ tableProps }) => {
   const responsive = (0, import_hooks.useResponsive)();
   const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
@@ -130,7 +131,7 @@ var GridViewTable = ({ tableProps }) => {
     (total, range, pageSize) => {
       let start = range[0] - 1;
       let _current = start / pageSize + 1;
-      return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
+      return (0, import_locales.getText)("table-pagination-total")(_current, Math.ceil(total / pageSize));
     },
     []
   );
@@ -160,10 +161,10 @@ var GridViewTable = ({ tableProps }) => {
           cell: import_body.default.Coll
         }
       },
-      ...tableProps,
       scroll: {
         x: "max-content"
       },
+      ...tableProps,
       pagination: _paginationConfig
     }
   )));

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

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

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

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

package/lib/components/table/TableFilter/SortIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }
-declare const SortIcon: (props: SortIconProps) => JSX.Element;
+declare const SortIcon: (props: SortIconProps) => React.JSX.Element;
 export default SortIcon;

package/lib/components/table/TableFilter/numberFilter.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
 var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
+var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var getColumnNumberProps = ({
   dataIndex
@@ -65,7 +66,7 @@ var getColumnNumberProps = ({
             };
             setSelectedKeys([newVal]);
           },
-          placeholder: "Min",
+          placeholder: (0, import_locales.getText)("table-filter-min"),
           onPressEnter: () => confirm(),
           style: { width: 105 }
         }
@@ -73,7 +74,7 @@ var getColumnNumberProps = ({
         import_antd.InputNumber,
         {
           value: (_b = selectedKeys == null ? void 0 : selectedKeys[0]) == null ? void 0 : _b.max,
-          placeholder: "Max",
+          placeholder: (0, import_locales.getText)("table-filter-max"),
           onChange: (value) => {
             const newVal = {
               ...(selectedKeys == null ? void 0 : selectedKeys[0]) || {},
@@ -100,9 +101,9 @@ var getColumnNumberProps = ({
             },
             block: true
           },
-          "Clear"
+          (0, import_locales.getText)("table-filter-clear")
         ),
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, "Filter")
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, (0, import_locales.getText)("table-filter-filter"))
       )
     );
   },

package/lib/components/table/TableFilter/selectFilter.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
 var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
+var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var FilterDropdown = (props) => {
   const { setSelectedKeys, selectedKeys, confirm, clearFilters, filters } = props;
@@ -99,7 +100,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        "Clear"
+        (0, import_locales.getText)("table-filter-clear")
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -109,7 +110,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        "Filter"
+        (0, import_locales.getText)("table-filter-filter")
       )
     )
   );

package/lib/components/table/TableFilter/stringFilter.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(stringFilter_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
+var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var getColumnStringProps = ({
   dataIndex
@@ -55,7 +56,7 @@ var getColumnStringProps = ({
       import_antd.Input,
       {
         prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-        placeholder: "Search",
+        placeholder: (0, import_locales.getText)("table-filter-search"),
         value: selectedKeys[0],
         onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
         onPressEnter: () => confirm(),
@@ -78,7 +79,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        "Clear"
+        (0, import_locales.getText)("table-filter-clear")
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -88,7 +89,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        "Filter"
+        (0, import_locales.getText)("table-filter-filter")
       )
     )
   ),

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

@@ -9,7 +9,7 @@ interface FormState {
     otherFilter: FilterItemProps[];
     utils: any;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => import("react").JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/table/model.js

@@ -53,39 +53,7 @@ var defaultState = {
       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"
-    }
-  ],
+  defaultColumns: [],
   currentCell: null,
   quickFilter: [],
   otherFilter: [],
@@ -135,7 +103,6 @@ var { Provider, Context } = (0, import_miniRedux.default)({
 var formatColumn = (item) => {
   let _other = {
     editable: true,
-    width: 100,
     field_type: "text",
     lock: true,
     ...item.other || {}

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

@@ -1,4 +1,6 @@
-import { Component } from 'react';
+import React, { Component } from "react";
+import { TabsProps } from "antd";
+import "./index.less";
 declare class Tabs extends Component<any> {
     state: {
         activeKey: any;
@@ -6,6 +8,7 @@ declare class Tabs extends Component<any> {
     private _handleChange;
     setActiveKey: (key: string) => void;
     getActiveKey: () => any;
-    render(): JSX.Element;
+    renderIconLabelTabBar: TabsProps["renderTabBar"];
+    render(): React.JSX.Element;
 }
 export default Tabs;

package/lib/components/tabs/index.js

@@ -35,6 +35,9 @@ module.exports = __toCommonJS(tabs_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_warning = require("../../utils/warning");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
 var Tabs = class extends import_react.Component {
   constructor() {
     super(...arguments);
@@ -55,12 +58,51 @@ var Tabs = class extends import_react.Component {
     this.getActiveKey = () => {
       return this.state.activeKey;
     };
+    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
+      const { items, sidebarWidth } = this.props;
+      let wrapStyle = {
+        gap: props.tabBarGutter
+      };
+      if (["left", "right"].includes(props.tabPosition)) {
+        wrapStyle = {
+          ...wrapStyle,
+          width: sidebarWidth || 130
+        };
+      }
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "pisell-lowcode-tabs-nav",
+            `${prefix}tab-bar-wrap`,
+            `${prefix}tab-bar-wrap-${props.tabPosition}`
+          ),
+          style: wrapStyle
+        },
+        items.map((item) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
+                [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
+              }),
+              key: item.key,
+              onClick: (e) => props.onTabClick(item.key, e)
+            },
+            /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
+            /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
+          );
+        }),
+        props.extra
+      );
+    };
   }
   render() {
     const { props } = this;
     const { activeKey } = this.state;
-    const { children } = props;
+    const { children, type } = props;
     let items = props.items;
+    let otherProps = {};
     if (!props.items && Array.isArray(children) && children.length > 0) {
       (0, import_warning.warning)("Tabs.TabPane is deprecated. Please use `items` directly.");
       items = children.map((node) => {
@@ -77,10 +119,17 @@ var Tabs = class extends import_react.Component {
         return null;
       }).filter(Boolean);
     }
+    if (type === "icon-label") {
+      otherProps = {
+        renderTabBar: this.renderIconLabelTabBar,
+        type: "line"
+      };
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {
         ...props,
+        ...otherProps,
         items,
         activeKey,
         onChange: this._handleChange

package/lib/components/tabs/index.less

@@ -0,0 +1,60 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-tabs-tabpane {
+    padding: 0 !important;
+  }
+  &-tab-bar-wrap {
+    display: flex;
+    flex-direction: column;
+    flex: none;
+  }
+  &-tab-bar-wrap-top,
+  &-tab-bar-wrap-bottom {
+    display: flex;
+    flex-direction: row;
+  }
+  &-tab-bar-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 16px;
+    cursor: pointer;
+  }
+  &-tab-bar-icon-wrap {
+    width: 50px;
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 99px;
+    background: #f2f2f7;
+    margin-bottom: 6px;
+    color: #ACACAC;
+    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
+    border: 1px solid #f2f2f7;
+    &:hover {
+      border-color: #d5d7da;
+    }
+  }
+  &-tab-bar-label {
+    color: #0d1619;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+
+  &-tab-bar-item-active  &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7F56D9);
+    color: #fff;
+  }
+  &-tab-bar-item-active > &-tab-bar-label {
+    color: var(--primary-600, #7F56D9);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+  }
+}

package/lib/components/time-picker/index.d.ts

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

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

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

package/lib/index.d.ts

@@ -14,8 +14,8 @@ export { Empty } from "antd";
 export { Grid } from "antd";
 export { Image } from "antd";
 export { InputNumber } from "antd";
-export { List } from "antd";
 export { message } from "antd";
+export { Menu } from "antd";
 export { Mentions } from "antd";
 export { Statistic } from "antd";
 export { notification } from "antd";
@@ -61,8 +61,12 @@ export { default as Cascader } from "./components/cascader";
 export { default as AutoComplete } from "./components/auto-complete";
 export { default as Div } from "./components/div";
 export { default as Page } from "./components/page";
+export { default as Component } from "./components/component";
 export { default as Filter } from "./components/filter";
 export { default as Translation } from "./components/translation";
 export { default as SortableList } from "./components/sortableList";
 export { default as RecordView } from "./components/record-view";
 export { default as QRCode } from "./components/qrcode";
+export { default as ClassicLayout } from "./components/classicLayout";
+export { default as List } from "./components/list";
+export { default as Sort } from "./components/sort";