@pisell/materials 1.0.227 → 1.0.229

package/lib/components/table/index.js

@@ -116,6 +116,15 @@ var GridView = (0, import_model.Provider)(
       }
       return viewMode || defaultViewMode;
     }, [viewMode, defaultViewMode, multiple]);
+    const currentSettingHash = (0, import_react.useMemo)(() => {
+      return (0, import_utils.getHash)(columns) || "";
+    }, [JSON.stringify(columns)]);
+    (0, import_react.useEffect)(() => {
+      const setting = (0, import_utils.getTableSettingFromLocalStorage)(tableId);
+      if (setting.currentSettingHash !== currentSettingHash) {
+        (0, import_utils.clearTableSettingToLocalStorage)(tableId);
+      }
+    }, [currentSettingHash, tableId]);
     const { setTableSetting, tableSetting } = (0, import_useTableSetting.default)({
       tableId,
       filter,
@@ -125,7 +134,8 @@ var GridView = (0, import_model.Provider)(
       sort,
       view,
       currentViewMode,
-      gallery
+      gallery,
+      currentSettingHash
     });
     const getIsTriggerValuesChange = (0, import_useTriggerValuesChange.default)({
       filter,

package/lib/index.d.ts

@@ -72,3 +72,4 @@ 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 PickerView } from "./components/picker-view";

package/lib/index.js

@@ -69,6 +69,7 @@ __export(src_exports, {
   Modal: () => import_modal.default,
   Page: () => import_page.default,
   Pagination: () => import_antd22.Pagination,
+  PickerView: () => import_picker_view.default,
   Popconfirm: () => import_antd23.Popconfirm,
   Popover: () => import_antd24.Popover,
   Progress: () => import_antd25.Progress,
@@ -179,6 +180,7 @@ var import_list = __toESM(require("./components/list"));
 var import_sort = __toESM(require("./components/sort"));
 var import_input_number_range = __toESM(require("./components/input-number-range"));
 var import_lowCodePage = __toESM(require("./components/lowCodePage"));
+var import_picker_view = __toESM(require("./components/picker-view"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -221,6 +223,7 @@ var import_lowCodePage = __toESM(require("./components/lowCodePage"));
   Modal,
   Page,
   Pagination,
+  PickerView,
   Popconfirm,
   Popover,
   Progress,

package/lowcode/menu/utils.ts

@@ -15,12 +15,12 @@ export const itemsExtraProps = {
       });
       return result;
     });
+    console.log(map,'map');
     return map.length === 0 ? fieldValue : map;
   },
   setValue(target, value) {
     const { node } = target;
     const map = {};
-
     if (!Array.isArray(value)) {
       value = [];
     }

package/lowcode/picker-view/meta.ts

@@ -0,0 +1,206 @@
+import { uuid } from '../_utils/utils';
+
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PickerView',
+  title: '选择器视图',
+  category: '表单',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PickerView",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认选中值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          { type: 'arrayOf', value: 'string' },
+          { type: 'arrayOf', value: 'number' },
+        ],
+      },
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          { type: 'arrayOf', value: 'string' },
+          { type: 'arrayOf', value: 'number' },
+        ],
+      },
+    },
+    {
+      name: 'columns',
+      title: { label: '可选项', tip: '可选项' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+              {
+                name: 'label',
+                propType: 'string',
+                description: '选项名',
+                defaultValue: '选项名',
+              },
+              {
+                name: 'value',
+                propType: ['string', 'number'],
+                description: '选项值',
+                defaultValue: '选项值',
+              },
+            ],
+        },
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              itemSetter: {
+                componentName: 'StringSetter',
+              }
+            },
+            initialValue: () => {
+              return [
+                {
+                  label: '选项名',
+                  value: uuid(),
+                },
+                {
+                  label: '选项名1',
+                  value: uuid(),
+                },
+                {
+                  label: '选项名2',
+                  value: uuid(),
+                },
+                {
+                  label: '选项名3',
+                  value: uuid(),
+                },
+                {
+                  label: '选项名4',
+                  value: uuid(),
+                },
+                {
+                  label: '选项名5',
+                  value: uuid(),
+                }
+              ]
+            },
+          },
+        },
+      },
+    },
+    {
+      name: 'className',
+      title: { label: '选择器类名', tip: '选择器类名' },
+      propType: 'string',
+      setter: 'StringSetter'
+    },
+    {
+      name: 'mouseWheel',
+      title: { label: '鼠标滚轮选择', tip: '是否允许通过鼠标滚轮进行选择' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'onChange',
+      title: {
+        label: '选中回调函数',
+        tip: '选中 option，或 input 的 value 变化时，调用此函数',
+      },
+      propType: 'func',
+    },
+    {
+      name: 'loading',
+      title: { label: '加载中', tip: '加载中状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'renderLabel',
+      title: { label: '自定义渲染', tip: '自定义渲染每列展示的内容' },
+      propType: 'func',
+    },
+    {
+      name: 'loadingContent',
+      title: { label: '加载状态内容', tip: '加载状态下展示的内容' },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onBlur',
+          template: "onBlur(${extParams}){\n// 失去焦点时回调\nconsole.log('onBlur');}",
+        },
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,option,${extParams}){\n// 选中 option，或 input 的 value 变化时，调用此函数\nconsole.log('onChange',value,option);}",
+        },
+        {
+          name: 'onDeselect',
+          template:
+            "onDeselect(value,${extParams}){\n// 取消选中时调用\nconsole.log('onDeselect',value);}",
+        },
+        {
+          name: 'onFocus',
+          template: "onFocus(${extParams}){\n// 获得焦点时回调\nconsole.log('onFocus');}",
+        },
+        {
+          name: 'onInputKeyDown',
+          template:
+            "onInputKeyDown(${extParams}){\n// 按键按下时回调\nconsole.log('onInputKeyDown');}",
+        },
+        {
+          name: 'onMouseEnter',
+          template: "onMouseEnter(${extParams}){\n// 鼠标移入时回调\nconsole.log('onMouseEnter');}",
+        },
+        {
+          name: 'onMouseLeave',
+          template: "onMouseLeave(${extParams}){\n// 鼠标移出时回调\nconsole.log('onMouseLeave');}",
+        },
+        {
+          name: 'onPopupScroll',
+          template:
+            "onPopupScroll(${extParams}){\n// 下拉列表滚动时的回调\nconsole.log('onPopupScroll');}",
+        },
+        {
+          name: 'onSearch',
+          template:
+            "onSearch(value,${extParams}){\n// 文本框值变化时回调\nconsole.log('onSearch',value);}",
+        },
+        {
+          name: 'onSelect',
+          template:
+            "onSelect(value,option,${extParams}){\n// 被选中时调用\nconsole.log('onSelect',value,option);}",
+        },
+        {
+          name: 'onDropdownVisibleChange',
+          template:
+            "onDropdownVisibleChange(open,${extParams}){\n// 展开下拉菜单的回调\nconsole.log('onDropdownVisibleChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/picker-view/snippets.ts

@@ -0,0 +1,24 @@
+export default [
+  {
+    title: '选择器视图',
+    screenshot: '',
+    schema: {
+      componentName: 'PickerView',
+      props: {
+        columns: [
+          [
+            { label: '周一', value: 'Mon' },
+            { label: '周二', value: 'Tues' },
+            { label: '周三', value: 'Wed' },
+            { label: '周四', value: 'Thur' },
+            { label: '周五', value: 'Fri' },
+          ],
+          [
+            { label: '上午', value: 'am' },
+            { label: '下午', value: 'pm' },
+          ],
+        ]
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.227",
+  "version": "1.0.229",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,11 +58,13 @@
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
+    "antd-mobile": "^5.34.0",
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
+    "crypto-js": "^4.2.0",
     "@pisell/utils": "1.0.23",
-    "@pisell/date-picker": "1.0.68",
-    "@pisell/icon": "0.0.8"
+    "@pisell/icon": "0.0.8",
+    "@pisell/date-picker": "1.0.68"
   },
   "peerDependencies": {
     "react": "^18.0.0",