@pisell/materials 1.0.38 → 1.0.39

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

@@ -5,9 +5,10 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };
 declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export default Pagination;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;

package/lib/components/Pagination/index.js

@@ -29,6 +29,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Pagination/index.tsx
 var Pagination_exports = {};
 __export(Pagination_exports, {
+  FormPagination: () => FormPagination,
   default: () => Pagination_default,
   paginationConfig: () => paginationConfig
 });
@@ -118,7 +119,40 @@ var MiniPagination = (props) => {
     /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }))
   ));
 };
+var FormPagination = ({
+  value = {},
+  onChange,
+  page,
+  pageSize,
+  ...other
+}) => {
+  const [_p, _setP] = (0, import_react.useState)(1);
+  const [_ps, _setPs] = (0, import_react.useState)(10);
+  const _onChange = (p, ps) => {
+    onChange && onChange({
+      page: ps === _ps ? p : 1,
+      size: ps
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const _page = (value == null ? void 0 : value.page) || 1;
+    const _size = (value == null ? void 0 : value.size) || 10;
+    _setP(_page);
+    _setPs(_size);
+  }, [value]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    Pagination,
+    {
+      ...other,
+      pageSize: _ps,
+      current: _p,
+      onChange: _onChange,
+      onShowSizeChange: _onChange
+    }
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  FormPagination,
   paginationConfig
 });

package/lib/components/Pagination/index.less

@@ -55,7 +55,14 @@
     }
   }
 
-  .pisell-lowcode-pagination-disabled {}
+  .pisell-lowcode-pagination-disabled {
+    cursor: not-allowed;
+    color: rgba(0,0,0,.25);
+    .paginator-page-btn {
+      cursor: not-allowed;
+      color: rgba(0,0,0,.25);
+    }
+  }
 
   .pisell-lowcode-pagination-item-active:hover {
     border-color: #D0D5DD !important;

package/lib/components/date-picker/index.js

@@ -35,22 +35,16 @@ module.exports = __toCommonJS(date_picker_exports);
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
 var import_dayjs = __toESM(require("dayjs"));
+var import_date_picker = require("@pisell/date-picker");
 var import_localeData = __toESM(require("dayjs/plugin/localeData"));
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
-var OriginalRangePicker = import_antd.DatePicker.RangePicker;
 var DatePicker = (0, import_hoc.withMomentProps)(import_antd.DatePicker, [
   "defaultPickerValue",
   "defaultValue",
   "showTime.defaultValue",
   "value"
 ]);
-var RangePicker = (0, import_hoc.withMomentProps)(OriginalRangePicker, [
-  "defaultPickerValue",
-  "defaultValue",
-  "showTime.defaultValue",
-  "value"
-]);
-DatePicker.RangePicker = RangePicker;
+DatePicker.RangePicker = import_date_picker.RangePicker;
 var date_picker_default = DatePicker;

package/lib/components/page/index.js

@@ -34,89 +34,164 @@ __export(page_exports, {
 module.exports = __toCommonJS(page_exports);
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
+var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
+var import_date_picker = require("@pisell/date-picker");
 var theme = {
-  components: {
-    Table: {
-      colorFillContent: "rgba(0, 0, 0, 0.06)",
-      colorFillSecondary: "rgba(0, 0, 0, 0.06)",
-      colorBorderSecondary: "#EAECF0",
-      colorFillAlter: "rgba(0, 0, 0, 0.02)"
+  "components": {
+    "Table": {
+      "colorFillContent": "#EAECF0",
+      "colorFillSecondary": "#F2F4F7",
+      "colorBorderSecondary": "#EAECF0",
+      "colorFillAlter": "#F9FAFB",
+      "controlItemBgHover": "#F9FAFB",
+      "colorTextHeading": "#475467",
+      "colorTextDescription": "#667085",
+      "colorText": "#101828",
+      "controlHeight": 32,
+      "padding": 24,
+      "margin": 16
+    },
+    "Button": {
+      "borderRadiusSM": 6,
+      "borderRadiusLG": 9,
+      "borderRadius": 8,
+      "controlHeight": 36,
+      "colorBgContainerDisabled": "#F2F4F7",
+      "colorBgTextHover": "#F9FAFB",
+      "colorBorder": "#D0D5DD",
+      "colorError": "#D92D20",
+      "colorErrorActive": "#D92D20",
+      "colorErrorHover": "#B42318",
+      "colorErrorBg": "#FEF3F2",
+      "colorErrorBorderHover": "#FDA29B",
+      "colorErrorOutline": "rgba(217, 45, 32, 0.06)",
+      "colorLink": "#175CD3",
+      "colorLinkActive": "#194185",
+      "colorLinkHover": "#1849A9",
+      "colorPrimaryActive": "#7f56d9",
+      "colorPrimaryBorder": "#E9D7FE",
+      "colorText": "#344054",
+      "colorTextDisabled": "#D0D5DD",
+      "colorTextLightSolid": "#fff",
+      "colorBgTextActive": "#D0D5DD",
+      "controlOutline": "rgba(127, 86, 217, 0.04)",
+      "controlTmpOutline": "#F9FAFB",
+      "paddingContentHorizontal": 14,
+      "marginXS": 8
+    },
+    "Divider": {
+      "colorSplit": "#EAECF0"
+    },
+    "Breadcrumb": {
+      "itemColor": "#475467",
+      "colorTextDescription": "#475467",
+      "lastItemColor": "#6941C6",
+      "separatorMargin": 12,
+      "separatorColor": "#D0D5DD",
+      "linkHoverColor": "#1D2939",
+      "linkColor": "#475467",
+      "colorBgTextHover": "#F9FAFB",
+      "paddingXXS": 8
+    },
+    "Dropdown": {
+      "borderRadiusLG": 8,
+      // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
+      "controlHeight": 42,
+      "fontSize": 14
+    },
+    "DatePicker": {
+      "borderRadius": 8,
+      "colorTextPlaceholder": "#667085",
+      "colorIcon": "#667085",
+      "colorTextQuaternary": "#D0D5DD",
+      "colorBgContainerDisabled": "#F9FAFB",
+      "colorTextDisabled": "#98A2B3"
     }
   },
-  token: {
-    colorPrimary: "#7F56D9",
-    colorPrimaryBg: "#F9F5FF",
-    colorPrimaryBgHover: "#F4EBFF",
-    colorPrimaryBorder: "#E9D7FE",
-    colorPrimaryBorderHover: "#D6BBFB",
-    colorPrimaryHover: "#6941C6",
-    colorPrimaryActive: "#53389E",
-    colorPrimaryTextHover: "#53389E",
-    colorPrimaryText: "#6941C6",
-    colorPrimaryTextActive: "#42307D",
-    colorSuccess: "#079455",
-    colorSuccessBg: "#ECFDF3",
-    colorSuccessBgHover: "#DCFAE6",
-    colorSuccessBorder: "#ABEFC6",
-    colorSuccessBorderHover: "#75E0A7",
-    colorSuccessHover: "#067647",
-    colorSuccessText: "#067647",
-    colorSuccessActive: "#085D3A",
-    colorSuccessTextHover: "#085D3A",
-    colorSuccessTextActive: "#074D31",
-    colorWarning: "#dc6803",
-    colorWarningBg: "#FFFAEB",
-    colorWarningBgHover: "#FEF0C7",
-    colorWarningBorder: "#FEDF89",
-    colorWarningBorderHover: "#FEC84B",
-    colorWarningHover: "#B54708",
-    colorWarningText: "#B54708",
-    colorWarningActive: "#93370D",
-    colorWarningTextHover: "#93370D",
-    colorWarningTextActive: "#7A2E0E",
-    colorError: "#d92d20",
-    colorErrorBg: "#FEF3F2",
-    colorErrorBgHover: "#FEE4E2",
-    colorErrorBorder: "#FECDCA",
-    colorErrorBorderHover: "#FDA29B",
-    colorErrorHover: "#B42318",
-    colorErrorText: "#B42318",
-    colorErrorActive: "#912018",
-    colorErrorTextHover: "#912018",
-    colorErrorTextActive: "#7A271A",
-    colorInfo: "#1570ef",
-    colorInfoBg: "#EFF8FF",
-    colorInfoBgHover: "#D1E9FF",
-    colorInfoBorder: "#B2DDFF",
-    colorInfoBorderHover: "#84CAFF",
-    colorInfoHover: "#175CD3",
-    colorInfoText: "#175CD3",
-    colorInfoActive: "#1849A9",
-    colorInfoTextHover: "#1849A9",
-    colorInfoTextActive: "#194185",
-    colorText: "#101828",
-    colorTextSecondary: "#475467",
-    colorTextTertiary: "#667085",
-    colorTextQuaternary: "#D0D5DD",
-    colorBorder: "#D0D5DD",
-    colorBorderSecondary: "#EAECF0",
-    colorFill: "#D0D5DD",
-    colorFillSecondary: "#EAECF0",
-    colorFillTertiary: "#F2F4F7",
-    colorFillQuaternary: "#F9FAFB",
-    colorBgLayout: "#F2F4F7",
-    colorBgSpotlight: "#101828",
-    colorBgMask: "rgba(0, 0, 0, 0.5)"
+  "token": {
+    "colorPrimary": "#7F56D9",
+    "colorPrimaryBg": "#F9F5FF",
+    "colorPrimaryBgHover": "#F4EBFF",
+    "colorPrimaryBorder": "#E9D7FE",
+    "colorPrimaryBorderHover": "#D6BBFB",
+    "colorPrimaryHover": "#6941C6",
+    "colorPrimaryActive": "#53389E",
+    "colorPrimaryTextHover": "#53389E",
+    "colorPrimaryText": "#6941C6",
+    "colorPrimaryTextActive": "#42307D",
+    "colorSuccess": "#079455",
+    "colorSuccessBg": "#ECFDF3",
+    "colorSuccessBgHover": "#DCFAE6",
+    "colorSuccessBorder": "#ABEFC6",
+    "colorSuccessBorderHover": "#75E0A7",
+    "colorSuccessHover": "#067647",
+    "colorSuccessText": "#067647",
+    "colorSuccessActive": "#085D3A",
+    "colorSuccessTextHover": "#085D3A",
+    "colorSuccessTextActive": "#074D31",
+    "colorWarning": "#dc6803",
+    "colorWarningBg": "#FFFAEB",
+    "colorWarningBgHover": "#FEF0C7",
+    "colorWarningBorder": "#FEDF89",
+    "colorWarningBorderHover": "#FEC84B",
+    "colorWarningHover": "#B54708",
+    "colorWarningText": "#B54708",
+    "colorWarningActive": "#93370D",
+    "colorWarningTextHover": "#93370D",
+    "colorWarningTextActive": "#7A2E0E",
+    "colorError": "#d92d20",
+    "colorErrorBg": "#FEF3F2",
+    "colorErrorBgHover": "#FEE4E2",
+    "colorErrorBorder": "#FECDCA",
+    "colorErrorBorderHover": "#FDA29B",
+    "colorErrorHover": "#B42318",
+    "colorErrorText": "#B42318",
+    "colorErrorActive": "#912018",
+    "colorErrorTextHover": "#912018",
+    "colorErrorTextActive": "#7A271A",
+    "colorInfo": "#1570ef",
+    "colorInfoBg": "#EFF8FF",
+    "colorInfoBgHover": "#D1E9FF",
+    "colorInfoBorder": "#B2DDFF",
+    "colorInfoBorderHover": "#84CAFF",
+    "colorInfoHover": "#175CD3",
+    "colorInfoText": "#175CD3",
+    "colorInfoActive": "#1849A9",
+    "colorInfoTextHover": "#1849A9",
+    "colorInfoTextActive": "#194185",
+    "colorText": "#101828",
+    "colorTextSecondary": "#475467",
+    "colorTextTertiary": "#667085",
+    "colorTextQuaternary": "#D0D5DD",
+    "colorBorder": "#D0D5DD",
+    "colorBorderSecondary": "#EAECF0",
+    "colorFill": "#D0D5DD",
+    "colorFillSecondary": "#EAECF0",
+    "colorFillTertiary": "#F2F4F7",
+    "colorFillQuaternary": "#F9FAFB",
+    "colorBgLayout": "#F2F4F7",
+    "colorBgSpotlight": "#101828",
+    "colorBgMask": "rgba(0, 0, 0, 0.5)",
+    "wireframe": false,
+    "borderRadius": 8
   }
 };
+var _a;
+var datePickerTheme = (0, import_date_picker.createTheme)({
+  palette: {
+    primary: { main: ((_a = theme.token) == null ? void 0 : _a.colorPrimary) || "#7F56D9" }
+  }
+});
 var Page = (props) => {
+  const { children, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
-      ...props,
+      ...others,
       prefixCls: props.prefixCls || "pisell-lowcode",
       theme: props.theme || theme
-    }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, children))
   );
 };
 var page_default = Page;

package/lib/components/table/Actions/Filter/FilterItem/index.js

@@ -37,11 +37,11 @@ var import_antd = require("antd");
 var import_fields = require("../../../Table/fields");
 var import_index = require("./index.less");
 var FilterItem = (props) => {
-  const { label, type, name } = props;
+  const { label, type, name, other } = 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 }, /* @__PURE__ */ import_react.default.createElement(Com, null));
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name }, /* @__PURE__ */ import_react.default.createElement(Com, { ...other }));
 };
 var FilterItem_default = FilterItem;

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

@@ -1,12 +1,12 @@
 import React from "react";
 export declare type SortItemProps = {
-    type: "single" | "input";
+    type: "date" | "string" | "number";
+    label: string;
     name: string;
-    props: object;
-    title: string;
 };
 declare type SortListProps = {
     list: SortItemProps[];
+    onChange?: (val: string) => void;
 };
 declare const Sort: React.FC<SortListProps>;
 export default Sort;

package/lib/components/table/Actions/Sort/index.js

@@ -35,7 +35,52 @@ module.exports = __toCommonJS(Sort_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icon = require("@pisell/icon");
-var Sort = ({ list = [] }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.SwitchVertical01, null) }, "Sort");
+var sortChildrenMap = {
+  date: (key) => [
+    {
+      key: `${key}:desc`,
+      label: "Oldest to newest"
+    },
+    {
+      key: `${key}:asc`,
+      label: "Newest to oldest"
+    }
+  ],
+  string: (key) => [
+    {
+      key: `${key}:asc`,
+      label: "A to Z"
+    },
+    {
+      key: `${key}:desc`,
+      label: "Z to A"
+    }
+  ],
+  number: (key) => [
+    {
+      key: `${key}:asc`,
+      label: "Lowest to highest"
+    },
+    {
+      key: `${key}:desc`,
+      label: "Highest to lowest"
+    }
+  ]
+};
+var Sort = ({ list = [], onChange }) => {
+  const sortItems = (0, import_react.useMemo)(() => {
+    return list.map((d) => {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name)
+      };
+    });
+  }, [list]);
+  const onClick = (detail) => {
+    var _a;
+    onChange == null ? void 0 : onChange((_a = detail == null ? void 0 : detail.keyPath) == null ? void 0 : _a[0]);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: sortItems, onClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.SwitchVertical01, null) }, "Sort"));
 };
 var Sort_default = Sort;

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

@@ -33,7 +33,7 @@ __export(Actions_exports, {
 });
 module.exports = __toCommonJS(Actions_exports);
 var import_react = __toESM(require("react"));
-var import_Filter = __toESM(require("./Filter"));
+var import_antd = require("antd");
 var import_QuickFilter = __toESM(require("./Filter/QuickFilter"));
 var import_Sort = __toESM(require("./Sort"));
 var import_index = require("./index.less");
@@ -41,6 +41,6 @@ var Actions = ({ filter, sort }) => {
   const showActions = (0, import_react.useMemo)(() => {
     return (filter == null ? void 0 : filter.show) || (sort == null ? void 0 : sort.show);
   }, [filter == null ? void 0 : filter.show, sort == null ? void 0 : sort.show]);
-  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, (filter == null ? void 0 : filter.show) ? /* @__PURE__ */ import_react.default.createElement(import_Filter.default, { list: (filter == null ? void 0 : filter.list) || [] }) : null, (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_Sort.default, { list: (sort == null ? void 0 : sort.list) || [] }) : null)) : null;
+  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "order_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Sort.default, { list: (sort == null ? void 0 : sort.list) || [] })) : null)) : null;
 };
 var Actions_default = Actions;

package/lib/components/table/Actions/index.less

@@ -3,11 +3,13 @@
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
+  gap: 16px;
 
   .left-wrap {
     flex: 1;
     display: flex;
     align-items: center;
+
     .pisell-lowcode-form-item {
       margin-bottom: 0;
     }

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

@@ -34,44 +34,50 @@ __export(BasicTable_exports, {
 module.exports = __toCommonJS(BasicTable_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_Pagination = __toESM(require("../../Pagination"));
+var import_Pagination = require("../../Pagination");
 var BasicTable = (props) => {
-  const { dataSource, pagination, ...other } = props;
-  const [currentPage, setCurrentPage] = (0, import_react.useState)(1);
-  const [pageSize, setPageSize] = (0, import_react.useState)(10);
-  (0, import_react.useEffect)(() => {
-    setCurrentPage(1);
-  }, [dataSource]);
+  var _a;
+  const { dataSource, pagination, value, ...other } = props;
+  const form = import_antd.Form.useFormInstance();
+  const formPagination = import_antd.Form.useWatch("pagination", form) || {
+    page: 1,
+    size: 10
+  };
+  const { showTotal } = pagination;
+  const _showTotal = (0, import_react.useCallback)(
+    (total2, range) => {
+      let _size = formPagination.size;
+      return showTotal(total2, range, _size);
+    },
+    [showTotal, formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]
+  );
   const _dataSource = (0, import_react.useMemo)(() => {
-    let list = (dataSource == null ? void 0 : dataSource.list) || [];
-    let total2 = (dataSource == null ? void 0 : dataSource.total) || 0;
-    if (Array.isArray(dataSource)) {
+    let _page = formPagination.page;
+    let _size = formPagination.size;
+    let list = [];
+    let _total = total;
+    if (dataSource.length > _size) {
+      list = dataSource;
+      _total = list.length;
+      list = list.slice((_page - 1) * _size, _page * _size);
+    } else {
       list = dataSource;
-      total2 = list.length;
     }
-    list = list.slice((currentPage - 1) * pageSize, currentPage * pageSize);
     return {
       list,
-      total: total2
+      total: _total
     };
-  }, [dataSource, currentPage, pageSize]);
+  }, [dataSource, formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]);
   const total = (0, import_react.useMemo)(() => {
     return (pagination == null ? void 0 : pagination.total) || (_dataSource == null ? void 0 : _dataSource.total) || 0;
   }, [dataSource, pagination]);
-  const onPaginationChange = (page, pageSize2) => {
-    setCurrentPage(page);
-    setPageSize(pageSize2);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ...other, pagination: false, dataSource: _dataSource == null ? void 0 : _dataSource.list }), total > pageSize ? /* @__PURE__ */ import_react.default.createElement(
-    import_Pagination.default,
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ...other, pagination: false, dataSource: _dataSource == null ? void 0 : _dataSource.list }), total > (((_a = pagination == null ? void 0 : pagination.pageSizeOptions) == null ? void 0 : _a[0]) || 10) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "pagination" }, /* @__PURE__ */ import_react.default.createElement(
+    import_Pagination.FormPagination,
     {
       ...pagination,
-      current: currentPage,
-      pageSize,
-      onShowSizeChange: onPaginationChange,
-      onChange: onPaginationChange,
+      showTotal: _showTotal,
       total
     }
-  ) : null);
+  )) : null);
 };
 var BasicTable_default = BasicTable;

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

@@ -84,6 +84,18 @@ export declare const fieldMaps: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
+    search: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        config: () => 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;
+    };
 };
 export declare const fieldList: ({
     field_icon: string;
@@ -120,6 +132,11 @@ export declare const fieldList: ({
     field_name: string;
     field_type: string;
     default_value: string;
+} | {
+    field_icon: string;
+    field_name: string;
+    field_type: string;
+    default_value: string;
 })[];
 export declare const getFieldByType: (type: string) => {
     field: {
@@ -218,5 +235,17 @@ declare const _default: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
+    search: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        config: () => 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;
+    };
 };
 export default _default;

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

@@ -42,6 +42,7 @@ var import_select = __toESM(require("./select"));
 var import_text = __toESM(require("./text"));
 var import_image = __toESM(require("./image"));
 var import_rangePicker = __toESM(require("./rangePicker"));
+var import_search = __toESM(require("./search"));
 var fieldMaps = {
   text: import_text.default,
   link: import_link.default,
@@ -49,7 +50,8 @@ var fieldMaps = {
   date: import_date.default,
   select: import_select.default,
   image: import_image.default,
-  rangePicker: import_rangePicker.default
+  rangePicker: import_rangePicker.default,
+  search: import_search.default
 };
 var fieldList = Object.values(fieldMaps).map((d) => {
   return d.field;
@@ -64,7 +66,8 @@ var fields_default = {
   date: import_date.default,
   select: import_select.default,
   image: import_image.default,
-  rangePicker: import_rangePicker.default
+  rangePicker: import_rangePicker.default,
+  search: import_search.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -38,11 +38,20 @@ var Show = (props) => {
     if ((0, import_utils.isString)(record[dataIndex])) {
       return {
         content: record[dataIndex],
-        url: ""
+        url: record[dataIndex]
       };
     }
     return record[dataIndex];
   }, [record, dataIndex]);
-  return /* @__PURE__ */ React.createElement("a", { className: "", href: field.url, target: "_blank" }, field.content);
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      className: "",
+      href: field.url,
+      target: "_blank",
+      onClick: (e) => e.stopPropagation()
+    },
+    field.content
+  );
 };
 var Show_default = Show;