@pisell/materials 2.2.1 → 2.2.2

package/es/components/page/index.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from "react";
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
-import { LocalizationProvider, createTheme, ThemeProvider } from "@pisell/date-picker";
+import { LocalizationProvider, createTheme, ThemeProvider, LocaleProvider } from "@pisell/date-picker";
 import enUS from "antd/locale/en_US";
 import zhCN from "antd/locale/zh_CN";
 import zhTW from "antd/locale/zh_TW";
@@ -89,13 +89,13 @@ var theme = {
       colorBgContainerDisabled: "#F9FAFB",
       colorTextDisabled: "#98A2B3"
     },
-    "Input": {
-      "fontSizeIcon": 16
+    Input: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     },
 
-    "Select": {
-      "fontSizeIcon": 16
+    Select: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     }
   },
@@ -179,7 +179,7 @@ var localeDateMap = {
   "en-US": {
     adapterLocale: "en"
   },
-  "en": {
+  en: {
     adapterLocale: "en"
   },
   "zh-TW": {
@@ -204,11 +204,15 @@ var Page = function Page(props) {
     theme: props.theme || theme
   }), /*#__PURE__*/React.createElement(LocalizationProvider, {
     dateAdapter: AdapterDayjs,
-    adapterLocale: (localeDateMap === null || localeDateMap === void 0 ? void 0 : (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || 'en'
+    adapterLocale: (localeDateMap === null || localeDateMap === void 0 ? void 0 : (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: datePickerTheme
+  }, /*#__PURE__*/React.createElement(LocaleProvider, {
+    value: {
+      locale: locale
+    }
   }, /*#__PURE__*/React.createElement("div", {
     style: style
-  }, children))));
+  }, children)))));
 };
 export default Page;

package/es/components/table/Actions/component/ColumnsSetting/PopoverContent.js

@@ -34,7 +34,7 @@ var DragItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: style,
     className: "".concat(prefix, "table-action-column-drag-item")
   }), isLock ? /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u56FA\u5B9A\u5217\u4E0D\u53EF\u79FB\u52A8\u987A\u5E8F"
+    title: getText("table-column-group-lock-tip")
   }, /*#__PURE__*/React.createElement(Lock01, {
     className: "".concat(prefix, "table-action-column-drag-bar")
   })) : /*#__PURE__*/React.createElement(DotsSix, _extends({

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

@@ -28,7 +28,7 @@ import useGenScroll from "../hooks/useGenScroll";
 import { useSharedState, useResponsive } from "../../../hooks";
 import "./index.less";
 var GridViewTable = function GridViewTable(_ref) {
-  var _tableProps$paginatio, _tableProps$paginatio2;
+  var _tableProps$paginatio, _tableProps$paginatio2, _tableProps$paginatio7, _tableProps$paginatio8, _tableProps$paginatio9, _tableProps$paginatio10;
   var tableProps = _ref.tableProps,
     filter = _ref.filter,
     setTableSetting = _ref.setTableSetting,
@@ -93,10 +93,19 @@ var GridViewTable = function GridViewTable(_ref) {
   var components = useGenTableComponents({
     form: form
   });
+  var isShowPagination = useMemo(function () {
+    var _tableProps$paginatio3, _tableProps$paginatio4, _tableProps$paginatio5, _tableProps$paginatio6;
+    var total = (tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$paginatio3 = tableProps.pagination) === null || _tableProps$paginatio3 === void 0 ? void 0 : _tableProps$paginatio3.total) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0;
+    if (tableProps !== null && tableProps !== void 0 && (_tableProps$paginatio4 = tableProps.pagination) !== null && _tableProps$paginatio4 !== void 0 && _tableProps$paginatio4.localPagination) {
+      total = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0;
+    }
+    return total > ((tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$paginatio5 = tableProps.pagination) === null || _tableProps$paginatio5 === void 0 ? void 0 : (_tableProps$paginatio6 = _tableProps$paginatio5.pageSizeOptions) === null || _tableProps$paginatio6 === void 0 ? void 0 : _tableProps$paginatio6[0]) || 10);
+  }, [tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$paginatio7 = tableProps.pagination) === null || _tableProps$paginatio7 === void 0 ? void 0 : _tableProps$paginatio7.localPagination, tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$paginatio8 = tableProps.pagination) === null || _tableProps$paginatio8 === void 0 ? void 0 : _tableProps$paginatio8.total, dataSource.length, tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$paginatio9 = tableProps.pagination) === null || _tableProps$paginatio9 === void 0 ? void 0 : (_tableProps$paginatio10 = _tableProps$paginatio9.pageSizeOptions) === null || _tableProps$paginatio10 === void 0 ? void 0 : _tableProps$paginatio10[0]]);
   var scroll = useGenScroll({
     wrapHeight: height || 500,
     scroll: tableProps.scroll,
-    columns: columns
+    columns: columns,
+    isShowPagination: isShowPagination
   });
   var showTotal = useCallback(function (total, range, pageSize) {
     var start = range[0] - 1;

package/es/components/table/Table/utils.d.ts

@@ -13,7 +13,16 @@ export declare const mergeColumnSetting: ({ columns, tableId, currentViewMode, }
     columns: Record<string, any>[];
     tableId?: string | undefined;
     currentViewMode: ModeType;
-}) => Record<string, any>[];
+}) => {
+    isShow: boolean;
+}[] | ({
+    width: any;
+    isShow: any;
+    sortIndex: number;
+} | {
+    isShow: boolean;
+    sortIndex: number;
+})[];
 /**
  * 对数据源进行排序
  * @param dataSource 数据源数组

package/es/components/table/Table/utils.js

@@ -121,7 +121,11 @@ export var mergeColumnSetting = function mergeColumnSetting(_ref3) {
   var columns = _ref3.columns,
     tableId = _ref3.tableId,
     currentViewMode = _ref3.currentViewMode;
-  if (!tableId) return columns;
+  if (!tableId) return columns.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      isShow: true
+    });
+  });
   var colKeyMap = getColumnsFromLocalStorage(tableId, currentViewMode);
   var newColumns = columns.map(function (item, index) {
     var col = colKeyMap[item.key];

package/es/components/table/hooks/useGenScroll.d.ts

@@ -7,6 +7,7 @@ declare type useGenScrollParams = {
         autoCalc?: boolean;
     };
     columns: any[];
+    isShowPagination: boolean;
 };
 declare const useGenScroll: (params: useGenScrollParams) => {
     x: number;

package/es/components/table/hooks/useGenScroll.js

@@ -2,19 +2,20 @@ import { useMemo } from "react";
 var useGenScroll = function useGenScroll(params) {
   var wrapHeight = params.wrapHeight,
     propsScroll = params.scroll,
-    columns = params.columns;
+    columns = params.columns,
+    isShowPagination = params.isShowPagination;
   var scroll = useMemo(function () {
     if (propsScroll !== null && propsScroll !== void 0 && propsScroll.autoCalc) {
       return {
         x: (propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.x) || columns.reduce(function (p, c) {
           return p + (c.width || 250);
         }, 0) || 2000,
-        y: (propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.y) || Math.max(wrapHeight - 48 - 50 - 24, 100),
+        y: (propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.y) || Math.max(wrapHeight - 48 - (isShowPagination ? 50 + 24 : 0), 100),
         scrollToFirstRowOnChange: propsScroll === null || propsScroll === void 0 ? void 0 : propsScroll.scrollToFirstRowOnChange
       };
     }
     return propsScroll;
-  }, [propsScroll, wrapHeight, columns]);
+  }, [propsScroll, wrapHeight, columns, isShowPagination]);
   return scroll;
 };
 export default useGenScroll;

package/es/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -7,7 +7,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState } from "react";
 import { Input } from "antd";
-import { Delete } from "@pisell/icon";
+import Delete from "@pisell/icon/es/Delete";
 import { useEventListener } from "ahooks";
 import classNames from "classnames";
 import "./index.less";

package/es/locales/en-US.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/es/locales/en-US.js

@@ -32,6 +32,7 @@ export default {
   "table-action-group-by-title-tip": "Please select the field from the dropdown menu to group the data for better organization and browsing.",
   "table-action-column-title": "Header settings",
   "table-column-group-records": "records",
+  "table-column-group-lock-tip": "Fixed column immutable order",
   "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled.",
   "table-action-filter-no-filter": "No filter options available.",
   "table-action-range-picker-presets-today": "Today",

package/es/locales/zh-CN.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/es/locales/zh-CN.js

@@ -32,6 +32,7 @@ export default {
   "table-action-group-by-title-tip": "请从下拉菜单中选择要分组的字段，以便更好地组织和浏览数据。",
   "table-action-column-title": "表头设置",
   "table-column-group-records": "条记录",
+  "table-column-group-lock-tip": "固定列不可移动顺序",
   "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽",
   "table-action-filter-no-filter": "没有可用的筛选器。",
   "table-action-range-picker-presets-today": "今天",

package/es/locales/zh-TW.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/es/locales/zh-TW.js

@@ -32,6 +32,7 @@ export default {
   "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段，以便更好地組織和瀏覽數據。",
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
+  "table-column-group-lock-tip": "固定列不可移動順序",
   "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
   "table-action-filter-no-filter": "沒有可用的篩選器。",
   "table-action-range-picker-presets-today": "今天",

package/lib/components/page/index.js

@@ -118,12 +118,12 @@ var theme = {
       colorBgContainerDisabled: "#F9FAFB",
       colorTextDisabled: "#98A2B3"
     },
-    "Input": {
-      "fontSizeIcon": 16
+    Input: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     },
-    "Select": {
-      "fontSizeIcon": 16
+    Select: {
+      fontSizeIcon: 16
       // "lineHeight": 1
     }
   },
@@ -205,7 +205,7 @@ var localeDateMap = {
   "en-US": {
     adapterLocale: "en"
   },
-  "en": {
+  en: {
     adapterLocale: "en"
   },
   "zh-TW": {
@@ -235,7 +235,7 @@ var Page = (props) => {
         dateAdapter: import_AdapterDayjs.AdapterDayjs,
         adapterLocale: ((_a2 = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _a2.adapterLocale) || "en"
       },
-      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children))
+      /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement("div", { style }, children)))
     )
   );
 };

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

@@ -53,7 +53,7 @@ var DragItem = import_react.default.forwardRef((props, ref) => {
       style,
       className: `${prefix}table-action-column-drag-item`
     },
-    isLock ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: "固定列不可移动顺序" }, /* @__PURE__ */ import_react.default.createElement(import_Lock01.default, { className: `${prefix}table-action-column-drag-bar` })) : /* @__PURE__ */ import_react.default.createElement(
+    isLock ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: (0, import_locales.getText)("table-column-group-lock-tip") }, /* @__PURE__ */ import_react.default.createElement(import_Lock01.default, { className: `${prefix}table-action-column-drag-bar` })) : /* @__PURE__ */ import_react.default.createElement(
       import_DotsSix.default,
       {
         ref: setActivatorNodeRef,

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

@@ -46,8 +46,13 @@ var import_useGenTableComponents = __toESM(require("../hooks/useGenTableComponen
 var import_useGenScroll = __toESM(require("../hooks/useGenScroll"));
 var import_hooks = require("../../../hooks");
 var import_index = require("./index.less");
-var GridViewTable = ({ tableProps, filter, setTableSetting, onDataSourceChange }) => {
-  var _a, _b;
+var GridViewTable = ({
+  tableProps,
+  filter,
+  setTableSetting,
+  onDataSourceChange
+}) => {
+  var _a, _b, _c, _d, _e, _f;
   const responsive = (0, import_hooks.useResponsive)();
   const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
   const form = import_antd.Form.useFormInstance();
@@ -99,10 +104,24 @@ var GridViewTable = ({ tableProps, filter, setTableSetting, onDataSourceChange }
   const components = (0, import_useGenTableComponents.default)({
     form
   });
+  const isShowPagination = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    let total = ((_a2 = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _a2.total) || (dataSource == null ? void 0 : dataSource.length) || 0;
+    if ((_b2 = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _b2.localPagination) {
+      total = (dataSource == null ? void 0 : dataSource.length) || 0;
+    }
+    return total > (((_d2 = (_c2 = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _c2.pageSizeOptions) == null ? void 0 : _d2[0]) || 10);
+  }, [
+    (_c = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _c.localPagination,
+    (_d = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _d.total,
+    dataSource.length,
+    (_f = (_e = tableProps == null ? void 0 : tableProps.pagination) == null ? void 0 : _e.pageSizeOptions) == null ? void 0 : _f[0]
+  ]);
   const scroll = (0, import_useGenScroll.default)({
     wrapHeight: height || 500,
     scroll: tableProps.scroll,
-    columns
+    columns,
+    isShowPagination
   });
   const showTotal = (0, import_react.useCallback)(
     (total, range, pageSize) => {

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

@@ -13,7 +13,16 @@ export declare const mergeColumnSetting: ({ columns, tableId, currentViewMode, }
     columns: Record<string, any>[];
     tableId?: string | undefined;
     currentViewMode: ModeType;
-}) => Record<string, any>[];
+}) => {
+    isShow: boolean;
+}[] | ({
+    width: any;
+    isShow: any;
+    sortIndex: number;
+} | {
+    isShow: boolean;
+    sortIndex: number;
+})[];
 /**
  * 对数据源进行排序
  * @param dataSource 数据源数组

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

@@ -152,7 +152,10 @@ var mergeColumnSetting = ({
   currentViewMode
 }) => {
   if (!tableId)
-    return columns;
+    return columns.map((item) => ({
+      ...item,
+      isShow: true
+    }));
   const colKeyMap = getColumnsFromLocalStorage(tableId, currentViewMode);
   const newColumns = columns.map((item, index) => {
     const col = colKeyMap[item.key];

package/lib/components/table/hooks/useGenScroll.d.ts

@@ -7,6 +7,7 @@ declare type useGenScrollParams = {
         autoCalc?: boolean;
     };
     columns: any[];
+    isShowPagination: boolean;
 };
 declare const useGenScroll: (params: useGenScrollParams) => {
     x: number;

package/lib/components/table/hooks/useGenScroll.js

@@ -24,19 +24,19 @@ __export(useGenScroll_exports, {
 module.exports = __toCommonJS(useGenScroll_exports);
 var import_react = require("react");
 var useGenScroll = (params) => {
-  const { wrapHeight, scroll: propsScroll, columns } = params;
+  const { wrapHeight, scroll: propsScroll, columns, isShowPagination } = params;
   const scroll = (0, import_react.useMemo)(() => {
     if (propsScroll == null ? void 0 : propsScroll.autoCalc) {
       return {
         x: (propsScroll == null ? void 0 : propsScroll.x) || columns.reduce((p, c) => {
           return p + (c.width || 250);
         }, 0) || 2e3,
-        y: (propsScroll == null ? void 0 : propsScroll.y) || Math.max(wrapHeight - 48 - 50 - 24, 100),
+        y: (propsScroll == null ? void 0 : propsScroll.y) || Math.max(wrapHeight - 48 - (isShowPagination ? 50 + 24 : 0), 100),
         scrollToFirstRowOnChange: propsScroll == null ? void 0 : propsScroll.scrollToFirstRowOnChange
       };
     }
     return propsScroll;
-  }, [propsScroll, wrapHeight, columns]);
+  }, [propsScroll, wrapHeight, columns, isShowPagination]);
   return scroll;
 };
 var useGenScroll_default = useGenScroll;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -34,7 +34,7 @@ __export(VirtualKeyInput_exports, {
 module.exports = __toCommonJS(VirtualKeyInput_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_icon = require("@pisell/icon");
+var import_Delete = __toESM(require("@pisell/icon/es/Delete"));
 var import_ahooks = require("ahooks");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
@@ -85,6 +85,6 @@ var VirtualKeyInput = (props) => {
       readOnly: true,
       value: previewValue
     }
-  ), (value == null ? void 0 : value.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_icon.Delete, { className: "virtual-keyboard-input-delete-icon" })) : null);
+  ), (value == null ? void 0 : value.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" })) : null);
 };
 var VirtualKeyInput_default = VirtualKeyInput;

package/lib/locales/en-US.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/lib/locales/en-US.js

@@ -50,6 +50,7 @@ var en_US_default = {
   "table-action-group-by-title-tip": "Please select the field from the dropdown menu to group the data for better organization and browsing.",
   "table-action-column-title": "Header settings",
   "table-column-group-records": "records",
+  "table-column-group-lock-tip": "Fixed column immutable order",
   "table-column-drag-sort-disabled-tip": "Automatic sorting is enabled, manual dragging is disabled.",
   "table-action-filter-no-filter": "No filter options available.",
   "table-action-range-picker-presets-today": "Today",

package/lib/locales/zh-CN.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/lib/locales/zh-CN.js

@@ -50,6 +50,7 @@ var zh_CN_default = {
   "table-action-group-by-title-tip": "请从下拉菜单中选择要分组的字段，以便更好地组织和浏览数据。",
   "table-action-column-title": "表头设置",
   "table-column-group-records": "条记录",
+  "table-column-group-lock-tip": "固定列不可移动顺序",
   "table-column-drag-sort-disabled-tip": "已开启自动排序，无法手动拖拽",
   "table-action-filter-no-filter": "没有可用的筛选器。",
   "table-action-range-picker-presets-today": "今天",

package/lib/locales/zh-TW.d.ts

@@ -26,6 +26,7 @@ declare const _default: {
     "table-action-group-by-title-tip": string;
     "table-action-column-title": string;
     "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
     "table-column-drag-sort-disabled-tip": string;
     "table-action-filter-no-filter": string;
     "table-action-range-picker-presets-today": string;

package/lib/locales/zh-TW.js

@@ -50,6 +50,7 @@ var zh_TW_default = {
   "table-action-group-by-title-tip": "請從下拉式選單中選擇要分組的字段，以便更好地組織和瀏覽數據。",
   "table-action-column-title": "表頭設置",
   "table-column-group-records": "條記錄",
+  "table-column-group-lock-tip": "固定列不可移動順序",
   "table-column-drag-sort-disabled-tip": "已開啟自動排序，無法手動拖曳",
   "table-action-filter-no-filter": "沒有可用的篩選器。",
   "table-action-range-picker-presets-today": "今天",

package/lowcode/button/meta.ts

@@ -200,7 +200,7 @@ const ButtonMeta: ComponentMetadata = {
             },
             propType: {
               type: "oneOf",
-              value: ["primary", "ghost", "dashed", "danger", "link", "text"],
+              value: ["primary", "default", "ghost", "dashed", "danger", "link", "text"],
             },
             setter: [
               {
@@ -211,6 +211,10 @@ const ButtonMeta: ComponentMetadata = {
                       title: "primary button",
                       value: "primary",
                     },
+                    {
+                      title: "default button",
+                      value: "default",
+                    },
                     {
                       title: "dashed button",
                       value: "dashed",
@@ -220,7 +224,7 @@ const ButtonMeta: ComponentMetadata = {
                       value: "danger",
                     },
                     {
-                      title: "link butto",
+                      title: "link button",
                       value: "link",
                     },
                     {
@@ -305,8 +309,8 @@ const ButtonMeta: ComponentMetadata = {
               },
               tip: "icon | Set the icon component of the button",
             },
-            propType: "node",
-            setter: {
+            propType: { type: "oneOfType", value: ["node"] },
+            setter: [{
               componentName: "SlotSetter",
               initialValue: {
                 type: "JSSlot",
@@ -322,7 +326,8 @@ const ButtonMeta: ComponentMetadata = {
                   },
                 ],
               },
-            },
+              defaultValue: null
+            }],
           },
           {
             name: "block",

package/lowcode/list/meta.ts

@@ -575,7 +575,7 @@ export default {
             tip: 'header | 列表头部',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -588,7 +588,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
         {
           name: 'footer',
@@ -597,7 +597,7 @@ export default {
             tip: 'footer | 列表底部',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -610,7 +610,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
         {
           name: 'loadMore',
@@ -619,7 +619,7 @@ export default {
             tip: 'loadMore | 加载更多',
           },
           propType: 'node',
-          setter: {
+          setter: [{
             componentName: 'SlotSetter',
             initialValue: {
               type: 'JSSlot',
@@ -632,7 +632,7 @@ export default {
                 },
               ],
             },
-          },
+          }],
         },
       ],
     },

package/lowcode/select-time/meta.ts

@@ -22,23 +22,23 @@ const SelectTimeMeta: ComponentMetadata = {
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "popoverProps",
-      name: "弹层的配置项",
+      title: "弹层的配置项",
+      name: "popoverProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timePickerProps",
-      name: "虚拟键盘的配置项",
+      title: "虚拟键盘的配置项",
+      name: "timePickerProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "timeProps",
-      name: "时间input框的配置项",
+      title: "时间input框的配置项",
+      name: "timeProps",
       setter: ["JsonSetter", "VariableSetter"],
     },
     {
-      title: "slice",
-      name: "时间切片",
+      title: "时间切片",
+      name: "slice",
       setter: ["JsonSetter", "VariableSetter"],
     },
   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,8 +61,8 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/utils": "1.0.24",
-    "@pisell/date-picker": "1.0.69",
+    "@pisell/utils": "1.0.25",
+    "@pisell/date-picker": "1.0.74",
     "@pisell/icon": "0.0.8"
   },
   "peerDependencies": {

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}