@pisell/materials 3.0.21 → 3.0.23

package/es/index.js

@@ -1,61 +1,61 @@
-export { Affix } from "antd";
-export { Anchor } from "antd";
-export { Alert } from "antd";
-export { Avatar } from "antd";
-export { Badge } from "antd";
-export { Breadcrumb } from "antd";
-export { Card } from "antd";
-export { Collapse } from "antd";
-export { Carousel } from "antd";
+export { Affix } from 'antd';
+export { Anchor } from 'antd';
+export { Alert } from 'antd';
+export { Avatar } from 'antd';
+export { Badge } from 'antd';
+export { Breadcrumb } from 'antd';
+export { Card } from 'antd';
+export { Collapse } from 'antd';
+export { Carousel } from 'antd';
 
 // export { Cascader } from 'antd';
 
-export { Col } from "antd";
-export { Descriptions } from "antd";
-export { Divider } from "antd";
+export { Col } from 'antd';
+export { Descriptions } from 'antd';
+export { Divider } from 'antd';
 
 // export { Drawer } from 'antd';
 
-export { Empty } from "antd";
-export { Grid } from "antd";
+export { Empty } from 'antd';
+export { Grid } from 'antd';
 
 // export { Input } from 'antd';
 
-export { Image } from "antd";
-export { InputNumber } from "antd";
-export { message } from "antd";
-export { Menu } from "antd";
-export { Mentions } from "antd";
-export { Statistic } from "antd";
-export { notification } from "antd";
+export { Image } from 'antd';
+export { InputNumber } from 'antd';
+export { message } from 'antd';
+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";
-export { Progress } from "antd";
-export { Rate } from "antd";
-export { Result } from "antd";
-export { Row } from "antd";
+export { Pagination } from 'antd';
+export { Popconfirm } from 'antd';
+export { Popover } from 'antd';
+export { Progress } from 'antd';
+export { Rate } from 'antd';
+export { Result } from 'antd';
+export { Row } from 'antd';
 
 // export { Skeleton } from 'antd';
 
-export { Space } from "antd";
-export { Spin } from "antd";
-export { Steps } from "antd";
-export { Switch } from "antd";
-export { Transfer } from "antd";
-export { Tree } from "antd";
+export { Space } from 'antd';
+export { Spin } from 'antd';
+export { Steps } from 'antd';
+export { Switch } from 'antd';
+export { Transfer } from 'antd';
+export { Tree } from 'antd';
 
 // export { TreeSelect } from 'antd';
 
 // export { Tabs } from 'antd';
 
-export { Tag } from "antd";
-export { Timeline } from "antd";
-export { Tooltip } from "antd";
-export { version } from "antd";
+export { Tag } from 'antd';
+export { Timeline } from 'antd';
+export { Tooltip } from 'antd';
+export { version } from 'antd';
 export { default as Typography } from "./components/typography";
 export { default as Skeleton } from "./components/skeleton";
 export { default as Checkbox } from "./components/checkbox";

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

@@ -1,15 +1,15 @@
-import React from "react";
-import { SortableItemProps } from "../DragSortList";
-import "./index.less";
+import React from 'react';
+import { SortableItemProps } from '../DragSortList';
+import './index.less';
 declare type IdType = string | number;
 export interface MultipleContainersSortListProps<T> {
     list: Record<string, T[]>;
     vertical?: boolean;
     wrapStyle?: React.CSSProperties;
     onChange: (val: Record<string, T[]>) => void;
-    renderContainer?: DefaultRenderContainerProps["renderContainer"];
+    renderContainer?: DefaultRenderContainerProps['renderContainer'];
     rowKey: IdType | ((val: T) => IdType);
-    children: SortableItemProps<T>["children"];
+    children: SortableItemProps<T>['children'];
     quickFilterMaxLength: number;
 }
 export declare const TRASH_ID = "void";

package/lib/components/MultipleContainersSortList/index.js

@@ -123,7 +123,10 @@ var MultipleContainersSortList = (props) => {
       if (overContainer === "quickFilter" && newList[overContainer].length > quickFilterMaxLength) {
         newList = {
           ...newList,
-          [overContainer]: newList[overContainer].slice(0, quickFilterMaxLength),
+          [overContainer]: newList[overContainer].slice(
+            0,
+            quickFilterMaxLength
+          ),
           [activeContainer]: [
             ...newList[overContainer].slice(quickFilterMaxLength),
             ...newList[activeContainer]
@@ -174,16 +177,18 @@ var MultipleContainersSortList = (props) => {
         items: list[container].map((item) => getRowKey(item)),
         strategy: import_sortable.verticalListSortingStrategy
       },
-      list[container].length ? list[container].map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-        import_DragSortList.SortableItem,
-        {
-          key: getRowKey(item),
-          id: getRowKey(item),
-          item,
-          index
-        },
-        children
-      )) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, (0, import_locales.getText)("table-action-filter-no-filter"))
+      list[container].length ? list[container].map(
+        (item, index) => !(item == null ? void 0 : item.isHidden) ? /* @__PURE__ */ import_react.default.createElement(
+          import_DragSortList.SortableItem,
+          {
+            key: getRowKey(item),
+            id: getRowKey(item),
+            item,
+            index
+          },
+          children
+        ) : null
+      ) : /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-sort-list-empty" }, (0, import_locales.getText)("table-action-filter-no-filter"))
     )
   ))));
 };

package/lib/components/filter/components/FilterItem/index.js

@@ -37,11 +37,20 @@ var import_antd = require("antd");
 var import_fields = require("../../../table/Table/fields");
 var import_index = require("./index.less");
 var FilterItem = (props) => {
-  const { label, type, name, other } = props;
+  const { label, type, name, other, isHidden } = props;
   const Com = (0, import_react.useMemo)(() => {
     var _a;
     return (_a = import_fields.fieldMaps[type]) == null ? void 0 : _a.edit;
   }, [type]);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name, ...(other == null ? void 0 : other.formItemProps) || {} }, /* @__PURE__ */ import_react.default.createElement(Com, { ...other }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      label,
+      name,
+      ...(other == null ? void 0 : other.formItemProps) || {},
+      hidden: isHidden
+    },
+    /* @__PURE__ */ import_react.default.createElement(Com, { ...other })
+  );
 };
 var FilterItem_default = FilterItem;

package/lib/components/filter/components/QuickFilter/index.js

@@ -51,7 +51,8 @@ var QuickFilter = (props) => {
         name,
         type: item.type,
         other: item.other,
-        props: item.props
+        props: item.props,
+        isHidden: item.isHidden
       }
     );
   }));

package/lib/components/filter/types.d.ts

@@ -28,6 +28,7 @@ export declare type FilterItemProps = {
     other: Record<string, any>;
     isCustom?: boolean;
     columnKey?: string;
+    isHidden?: boolean;
 };
 /**
  * 筛选组件属性

package/lib/components/sort/index.js

@@ -102,7 +102,9 @@ var Sort = ({
         key: d.name,
         label: d.label,
         children: sortChildrenMap[d.type](d.name, !!(d == null ? void 0 : d.localFilter)),
-        popupClassName: `${prefix}sort-sub-menu-popup-wrap`
+        popupClassName: `${prefix}sort-sub-menu-popup-wrap`,
+        // 增加显示隐藏配置
+        className: `${d.isHidden ? `${prefix}sort-menu-wrap-hide` : ""}`
       };
     });
   }, [list, localPagination]);
@@ -130,14 +132,7 @@ var Sort = ({
     );
   }, [button, style, value, isMobileBool]);
   const content = (0, import_react.useMemo)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_InlineMenu.default,
-      {
-        items: sortItems,
-        value: value || "",
-        onChange
-      }
-    );
+    return /* @__PURE__ */ import_react.default.createElement(import_InlineMenu.default, { items: sortItems, value: value || "", onChange });
   }, [value, sortItems, onChange]);
   if ((0, import_platform.isMobile)()) {
     return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/sort/index.less

@@ -31,4 +31,7 @@
       }
     }
   }
+  &-sort-menu-wrap-hide{
+    display: none!important;
+  }
 }

package/lib/components/sort/types.d.ts

@@ -7,6 +7,7 @@ export declare type SortItemProps = {
     isCustom: boolean;
     columnKey?: string;
     localFilter?: boolean;
+    isHidden?: boolean;
 };
 export declare type SortListProps = {
     list: SortItemProps[];

package/lib/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./PopoverContent.less";
+import React from 'react';
+import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {
     field: FieldType;

package/lib/components/table/Actions/component/Group/PopoverContent.js

@@ -53,7 +53,8 @@ var PopoverContent = (props) => {
     ]);
   };
   const options = (0, import_react.useMemo)(() => {
-    return (columns || []).map((item) => ({
+    const _lists = (columns || []).filter((item) => !(item == null ? void 0 : item.isHidden));
+    return _lists.map((item) => ({
       label: item.label,
       value: `${item.name}`
     }));

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

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/lib/components/table/index.js

@@ -76,6 +76,7 @@ var GridView = (0, import_model.Provider)(
       currentSettingKey,
       // pagination,
       exportImport,
+      currentComponentId,
       ...other
     } = props;
     const modal = (0, import_hooks.useSharedState)(import_model.Context);
@@ -90,11 +91,12 @@ var GridView = (0, import_model.Provider)(
     const { width } = (0, import_ahooks.useSize)(wrapRef) || {};
     const utils = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils;
     const tableId = (0, import_react.useMemo)(() => {
+      console.log(props, "wh");
       if (props.__designMode === "design") {
         return "designMode-mock-table-id";
       }
-      return props.__id;
-    }, [props.__id, props.__designMode]);
+      return (props == null ? void 0 : props.currentComponentId) || props.__id;
+    }, [props.__id, props.__designMode, props == null ? void 0 : props.currentComponentId]);
     const columns = (0, import_react.useMemo)(() => {
       return propsColumns.filter((item) => !item.hidden);
     }, [propsColumns]);

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

@@ -26,6 +26,7 @@ declare type DataSourceListItemType = {
     columnKey?: string;
     label?: string;
     name?: string | string[];
+    isHidden?: boolean;
 };
 /**
  * 数据源分组总配置
@@ -211,7 +212,11 @@ export declare type GridViewProps = {
     /**
      * 当前本地配置的key 用此hash是否改变用来判断是否清空本地配置 不填默认使用columns数据生成hash
      */
-    currentSettingKey?: "";
+    currentSettingKey?: string;
+    /**
+    * 当前本地配置的唯一值, 不填默认使用currentSettingKey
+    */
+    currentComponentId?: string;
     /**
      * 当前表格中数据发生变化事件 包含本地筛选和外部传入数据变化
      * @param currentDataSource

package/lib/index.d.ts

@@ -1,80 +1,80 @@
-export { Affix } from "antd";
-export { Anchor } from "antd";
-export { Alert } from "antd";
-export { Avatar } from "antd";
-export { Badge } from "antd";
-export { Breadcrumb } from "antd";
-export { Card } from "antd";
-export { Collapse } from "antd";
-export { Carousel } from "antd";
-export { Col } from "antd";
-export { Descriptions } from "antd";
-export { Divider } from "antd";
-export { Empty } from "antd";
-export { Grid } from "antd";
-export { Image } from "antd";
-export { InputNumber } from "antd";
-export { message } from "antd";
-export { Menu } from "antd";
-export { Mentions } from "antd";
-export { Statistic } from "antd";
-export { notification } from "antd";
-export { Pagination } from "antd";
-export { Popconfirm } from "antd";
-export { Popover } from "antd";
-export { Progress } from "antd";
-export { Rate } from "antd";
-export { Result } from "antd";
-export { Row } from "antd";
-export { Space } from "antd";
-export { Spin } from "antd";
-export { Steps } from "antd";
-export { Switch } from "antd";
-export { Transfer } from "antd";
-export { Tree } from "antd";
-export { Tag } from "antd";
-export { Timeline } from "antd";
-export { Tooltip } from "antd";
-export { version } from "antd";
-export { default as Typography } from "./components/typography";
-export { default as Skeleton } from "./components/skeleton";
-export { default as Checkbox } from "./components/checkbox";
-export { default as Button } from "./components/button";
-export { default as Radio } from "./components/radio";
-export { default as Upload } from "./components/upload";
-export { default as Icon } from "./components/icon";
-export { default as Form } from "./components/form";
-export { default as Dropdown } from "./components/dropdown";
-export { default as Calendar } from "./components/calendar";
-export { default as ConfigProvider } from "./components/config-provider";
-export { default as DatePicker } from "./components/date-picker";
-export { default as Tabs } from "./components/tabs";
-export { default as TimePicker } from "./components/time-picker";
-export { default as Slider } from "./components/slider";
-export { default as Table } from "./components/table";
-export { default as Modal } from "./components/modal";
-export { default as Drawer } from "./components/drawer";
-export { default as TreeSelect } from "./components/tree-select";
-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";
-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";
-export { default as InputNumberRange } from "./components/input-number-range";
-export { default as LowCodePage } from "./components/lowCodePage";
-export { default as Segmented } from "./components/segmented";
-export { default as VirtualKeyboard } from "./components/virtual-keyboard";
-export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
-export { default as SelectTime } from "./components/select-time";
-export { default as AutoCompleteNumber } from "./components/auto-complete-number";
-export { default as BatchEditor } from "./components/batch-editor";
+export { Affix } from 'antd';
+export { Anchor } from 'antd';
+export { Alert } from 'antd';
+export { Avatar } from 'antd';
+export { Badge } from 'antd';
+export { Breadcrumb } from 'antd';
+export { Card } from 'antd';
+export { Collapse } from 'antd';
+export { Carousel } from 'antd';
+export { Col } from 'antd';
+export { Descriptions } from 'antd';
+export { Divider } from 'antd';
+export { Empty } from 'antd';
+export { Grid } from 'antd';
+export { Image } from 'antd';
+export { InputNumber } from 'antd';
+export { message } from 'antd';
+export { Menu } from 'antd';
+export { Mentions } from 'antd';
+export { Statistic } from 'antd';
+export { notification } from 'antd';
+export { Pagination } from 'antd';
+export { Popconfirm } from 'antd';
+export { Popover } from 'antd';
+export { Progress } from 'antd';
+export { Rate } from 'antd';
+export { Result } from 'antd';
+export { Row } from 'antd';
+export { Space } from 'antd';
+export { Spin } from 'antd';
+export { Steps } from 'antd';
+export { Switch } from 'antd';
+export { Transfer } from 'antd';
+export { Tree } from 'antd';
+export { Tag } from 'antd';
+export { Timeline } from 'antd';
+export { Tooltip } from 'antd';
+export { version } from 'antd';
+export { default as Typography } from './components/typography';
+export { default as Skeleton } from './components/skeleton';
+export { default as Checkbox } from './components/checkbox';
+export { default as Button } from './components/button';
+export { default as Radio } from './components/radio';
+export { default as Upload } from './components/upload';
+export { default as Icon } from './components/icon';
+export { default as Form } from './components/form';
+export { default as Dropdown } from './components/dropdown';
+export { default as Calendar } from './components/calendar';
+export { default as ConfigProvider } from './components/config-provider';
+export { default as DatePicker } from './components/date-picker';
+export { default as Tabs } from './components/tabs';
+export { default as TimePicker } from './components/time-picker';
+export { default as Slider } from './components/slider';
+export { default as Table } from './components/table';
+export { default as Modal } from './components/modal';
+export { default as Drawer } from './components/drawer';
+export { default as TreeSelect } from './components/tree-select';
+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';
+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';
+export { default as InputNumberRange } from './components/input-number-range';
+export { default as LowCodePage } from './components/lowCodePage';
+export { default as Segmented } from './components/segmented';
+export { default as VirtualKeyboard } from './components/virtual-keyboard';
+export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
+export { default as SelectTime } from './components/select-time';
+export { default as AutoCompleteNumber } from './components/auto-complete-number';
+export { default as BatchEditor } from './components/batch-editor';

package/lowcode/table/meta.ts

@@ -81,6 +81,15 @@ export default {
           },
           propType: "string",
           setter: "StringSetter",
+        },
+        {
+          name: "currentComponentId",
+          title: {
+            label: "currentComponentId",
+            tip: "currentComponentId | 当前本地配置的唯一值 不填默认使用currentSettingKey",
+          },
+          propType: "string",
+          setter: "StringSetter",
         }
       ],
     },
@@ -1518,6 +1527,16 @@ export default {
                         setter: "BoolSetter",
                         defaultValue: false,
                       },
+                      {
+                        name: "isHidden",
+                        title: {
+                          label: "是否隐藏",
+                          tip: "开启时，当前项展示， 关闭时，当前项隐藏",
+                        },
+                        propType: "bool",
+                        setter: "BoolSetter",
+                        defaultValue: false,
+                      },
                       {
                         name: "columnKey",
                         title: {
@@ -1586,6 +1605,7 @@ export default {
                   name: "",
                   columnKey: "",
                   isCustom: false,
+                  isHidden: false
                 },
               },
             },
@@ -1810,6 +1830,16 @@ export default {
                         setter: "BoolSetter",
                         defaultValue: false,
                       },
+                      {
+                        name: "isHidden",
+                        title: {
+                          label: "是否隐藏",
+                          tip: "开启时，当前项展示， 关闭时，当前项隐藏",
+                        },
+                        propType: "bool",
+                        setter: "BoolSetter",
+                        defaultValue: false,
+                      },
                       {
                         name: "other",
                         title: {
@@ -1828,6 +1858,7 @@ export default {
                   key: "name",
                   columnKey: "",
                   isCustom: false,
+                  isHidden: false
                 },
               },
             },
@@ -1986,6 +2017,16 @@ export default {
                           return target.parent.getPropValue("isCustom");
                         },
                       },
+                      {
+                        name: "isHidden",
+                        title: {
+                          label: "是否隐藏",
+                          tip: "开启时，当前项展示， 关闭时，当前项隐藏",
+                        },
+                        propType: "bool",
+                        setter: "BoolSetter",
+                        defaultValue: false,
+                      },
                       {
                         name: "type",
                         title: { label: "字段类型", tip: "所排序的字段类型" },
@@ -2021,6 +2062,7 @@ export default {
                   type: "date",
                   columnKey: "",
                   isCustom: false,
+                  isHidden: false
                 },
               },
             },

package/lowcode/table/snippets.ts

@@ -330,12 +330,14 @@ export default [
               type: "string",
               columnKey: "name",
               isCustom: false,
+              isHidden: false
             },
             {
               label: "标题",
               type: "number",
               columnKey: "age",
               isCustom: false,
+              isHidden: false
             },
           ],
         },
@@ -348,12 +350,14 @@ export default [
               name: "",
               columnKey: "name",
               isCustom: false,
+              isHidden: false
             },
             {
               label: "标题",
               name: "",
               columnKey: "age",
               isCustom: false,
+              isHidden: false
             },
           ],
         },
@@ -371,6 +375,7 @@ export default [
               isCustom: false,
               sort: true,
               localFilter: true,
+              isHidden: false
             },
             {
               label: "标题",
@@ -380,6 +385,7 @@ export default [
               isCustom: false,
               sort: true,
               localFilter: true,
+              isHidden: false
             },
           ],
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.21",
+  "version": "3.0.23",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,8 +62,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@pisell/utils": "1.0.25",
-    "@pisell/icon": "0.0.8",
-    "@pisell/date-picker": "1.0.74"
+    "@pisell/date-picker": "1.0.74",
+    "@pisell/icon": "0.0.8"
   },
   "peerDependencies": {
     "react": "^18.0.0",