@pisell/materials 1.0.206 → 1.0.208

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) => import("react").JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

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

@@ -36,7 +36,6 @@ 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 {
@@ -71,7 +70,7 @@ var Show = (props) => {
       ),
       onClick
     },
-    (0, import_utils.getValueByKeys)(record, dataIndex)
+    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: () => import("react").JSX.Element;
+declare const Sort: () => 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: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
 };
 export default _default;

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

@@ -46,7 +46,6 @@ 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);
@@ -131,7 +130,7 @@ var GridViewTable = ({ tableProps }) => {
     (total, range, pageSize) => {
       let start = range[0] - 1;
       let _current = start / pageSize + 1;
-      return (0, import_locales.getText)("table-pagination-total")(_current, Math.ceil(total / pageSize));
+      return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
     },
     []
   );
@@ -161,10 +160,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";
-import React from "react";
-declare const SortRow: ({ children }: any) => React.JSX.Element;
+declare const SortRow: ({ children }: any) => JSX.Element;
 export default SortRow;

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

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

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

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

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

@@ -36,7 +36,6 @@ 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
@@ -66,7 +65,7 @@ var getColumnNumberProps = ({
             };
             setSelectedKeys([newVal]);
           },
-          placeholder: (0, import_locales.getText)("table-filter-min"),
+          placeholder: "Min",
           onPressEnter: () => confirm(),
           style: { width: 105 }
         }
@@ -74,7 +73,7 @@ var getColumnNumberProps = ({
         import_antd.InputNumber,
         {
           value: (_b = selectedKeys == null ? void 0 : selectedKeys[0]) == null ? void 0 : _b.max,
-          placeholder: (0, import_locales.getText)("table-filter-max"),
+          placeholder: "Max",
           onChange: (value) => {
             const newVal = {
               ...(selectedKeys == null ? void 0 : selectedKeys[0]) || {},
@@ -101,9 +100,9 @@ var getColumnNumberProps = ({
             },
             block: true
           },
-          (0, import_locales.getText)("table-filter-clear")
+          "Clear"
         ),
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, (0, import_locales.getText)("table-filter-filter"))
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, "Filter")
       )
     );
   },

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

@@ -36,7 +36,6 @@ 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;
@@ -100,7 +99,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-clear")
+        "Clear"
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -110,7 +109,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-filter")
+        "Filter"
       )
     )
   );

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

@@ -35,7 +35,6 @@ 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
@@ -56,7 +55,7 @@ var getColumnStringProps = ({
       import_antd.Input,
       {
         prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-        placeholder: (0, import_locales.getText)("table-filter-search"),
+        placeholder: "Search",
         value: selectedKeys[0],
         onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
         onPressEnter: () => confirm(),
@@ -79,7 +78,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-clear")
+        "Clear"
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -89,7 +88,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-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) => import("react").JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/table/model.js

@@ -53,7 +53,39 @@ var defaultState = {
       image: ["https://file.mypisell-dev.com//static/avatar.png"]
     }
   ],
-  defaultColumns: [],
+  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,
   quickFilter: [],
   otherFilter: [],
@@ -103,6 +135,7 @@ 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,6 +1,4 @@
-import React, { Component } from "react";
-import { TabsProps } from "antd";
-import "./index.less";
+import { Component } from 'react';
 declare class Tabs extends Component<any> {
     state: {
         activeKey: any;
@@ -8,7 +6,6 @@ declare class Tabs extends Component<any> {
     private _handleChange;
     setActiveKey: (key: string) => void;
     getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps["renderTabBar"];
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Tabs;

package/lib/components/tabs/index.js

@@ -35,9 +35,6 @@ 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);
@@ -58,51 +55,12 @@ 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, type } = props;
+    const { children } = 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) => {
@@ -119,17 +77,10 @@ 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/time-picker/index.d.ts

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Upload: (props: any) => import("react").JSX.Element;
+declare const Upload: (props: any) => 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,12 +61,8 @@ 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";

package/lib/index.js

@@ -42,10 +42,8 @@ __export(src_exports, {
   Carousel: () => import_antd9.Carousel,
   Cascader: () => import_cascader.default,
   Checkbox: () => import_checkbox.default,
-  ClassicLayout: () => import_classicLayout.default,
   Col: () => import_antd10.Col,
   Collapse: () => import_antd8.Collapse,
-  Component: () => import_component.default,
   ConfigProvider: () => import_config_provider.default,
   DatePicker: () => import_date_picker.default,
   Descriptions: () => import_antd11.Descriptions,
@@ -61,9 +59,8 @@ __export(src_exports, {
   Image: () => import_antd15.Image,
   Input: () => import_input.default,
   InputNumber: () => import_antd16.InputNumber,
-  List: () => import_list.default,
+  List: () => import_antd17.List,
   Mentions: () => import_antd19.Mentions,
-  Menu: () => import_antd18.Menu,
   Modal: () => import_modal.default,
   Page: () => import_page.default,
   Pagination: () => import_antd22.Pagination,
@@ -79,7 +76,6 @@ __export(src_exports, {
   Select: () => import_select.default,
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
-  Sort: () => import_sort.default,
   SortableList: () => import_sortableList.default,
   Space: () => import_antd29.Space,
   Spin: () => import_antd30.Spin,
@@ -98,7 +94,7 @@ __export(src_exports, {
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
-  message: () => import_antd17.message,
+  message: () => import_antd18.message,
   notification: () => import_antd21.notification,
   version: () => import_antd38.version
 });
@@ -166,15 +162,11 @@ var import_cascader = __toESM(require("./components/cascader"));
 var import_auto_complete = __toESM(require("./components/auto-complete"));
 var import_div = __toESM(require("./components/div"));
 var import_page = __toESM(require("./components/page"));
-var import_component = __toESM(require("./components/component"));
 var import_filter = __toESM(require("./components/filter"));
 var import_translation = __toESM(require("./components/translation"));
 var import_sortableList = __toESM(require("./components/sortableList"));
 var import_record_view = __toESM(require("./components/record-view"));
 var import_qrcode = __toESM(require("./components/qrcode"));
-var import_classicLayout = __toESM(require("./components/classicLayout"));
-var import_list = __toESM(require("./components/list"));
-var import_sort = __toESM(require("./components/sort"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -190,10 +182,8 @@ var import_sort = __toESM(require("./components/sort"));
   Carousel,
   Cascader,
   Checkbox,
-  ClassicLayout,
   Col,
   Collapse,
-  Component,
   ConfigProvider,
   DatePicker,
   Descriptions,
@@ -211,7 +201,6 @@ var import_sort = __toESM(require("./components/sort"));
   InputNumber,
   List,
   Mentions,
-  Menu,
   Modal,
   Page,
   Pagination,
@@ -227,7 +216,6 @@ var import_sort = __toESM(require("./components/sort"));
   Select,
   Skeleton,
   Slider,
-  Sort,
   SortableList,
   Space,
   Spin,

package/lib/utils/hoc.d.ts

@@ -3,15 +3,15 @@ import React, { ComponentType } from 'react';
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentProps<T>> & React.RefAttributes<any>>;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/hoc.js

@@ -48,9 +48,9 @@ function convertProps(props, list, mapper) {
   return out;
 }
 function withWrap(Comp) {
-  return (props) => {
-    return /* @__PURE__ */ import_react.default.createElement(Comp, { ...props });
-  };
+  return (0, import_react.forwardRef)((props, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(Comp, { ...props, ref });
+  });
 }
 function withSingleChild(Comp, needsConvert = ["children"]) {
   return (props) => {

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any) => React.JSX.Element;
+    Provider: (ComponentUi: any) => (props: any) => JSX.Element;
 };
 export default _default;