@pisell/materials 1.0.3 → 1.0.5

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/date-picker/index.tsx
@@ -24,6 +34,11 @@ __export(date_picker_exports, {
 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_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",

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DivProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const Div: (props: DivProps) => JSX.Element;
+export default Div;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/div/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAG3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/components/div/index.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/div/index.tsx
+var div_exports = {};
+__export(div_exports, {
+  default: () => div_default
+});
+module.exports = __toCommonJS(div_exports);
+var import_react = __toESM(require("react"));
+var Div = (props) => {
+  const { children, style = {} } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { style }, children);
+};
+var div_default = Div;

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

@@ -1,2 +1,3 @@
 declare const Drawer: any;
 export default Drawer;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,EAAE,GAQb,CAAC;AACF,eAAe,MAAM,CAAC"}

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 declare const _default: (props: any) => JSX.Element;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAYA,wBAAkE"}

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

@@ -6,3 +6,4 @@ declare class Form extends Component<any, any> {
     render(): JSX.Element;
 }
 export default Form;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,cAAM,IAAK,SAAQ,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC;IACpC,OAAO,uBAAoB;IAE3B,kBAAkB,CAAC,SAAS,EAAE,GAAG;IAajC,iBAAiB;IAsBjB,MAAM;CAKP;AAgDD,eAAe,IAAI,CAAC"}

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

@@ -10,3 +10,4 @@ interface IconProps {
 }
 declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;;AAqBD,wBAAgC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    type: string;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/iconfont/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,aACR,SAAQ,KAAK,CAAC,iBAAiB,CAC7B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf;IACD,IAAI,EAAE,MAAM,CAAC;CACd;AAKD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAErC,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/lib/components/iconfont/index.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/iconfont/index.tsx
+var iconfont_exports = {};
+__export(iconfont_exports, {
+  default: () => iconfont_default
+});
+module.exports = __toCommonJS(iconfont_exports);
+var import_icons = require("@ant-design/icons");
+var import_react = __toESM(require("react"));
+var MyIcon = (0, import_icons.createFromIconfontCN)({
+  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_116anw8uttw.js"
+  // 在 iconfont.cn 上生成
+});
+var IconFont = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(MyIcon, { ...props, className: props.className });
+};
+var iconfont_default = IconFont;

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

@@ -1,3 +1,12 @@
 /// <reference types="react" />
-declare const Input: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+import { InputProps, InputRef } from "antd";
+declare const OriginalGroup: import("react").FC<import("antd/es/input").GroupProps>, OriginalTextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, OriginalPassword: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<InputRef>>, OriginalSearch: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;
+declare type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
+    Group: typeof OriginalGroup;
+    Search: typeof OriginalSearch;
+    TextArea: typeof OriginalTextArea;
+    Password: typeof OriginalPassword;
+};
+declare const Input: CompoundedComponent;
 export default Input;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,UAAU,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGpE,QAAA,MACS,aAAa,0DACV,gBAAgB,kKAChB,gBAAgB,8HAClB,cAAc,0HACP,CAAC;AAElB,aAAK,mBAAmB,GAAG,KAAK,CAAC,yBAAyB,CACxD,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAC3C,GAAG;IACF,KAAK,EAAE,OAAO,aAAa,CAAC;IAC5B,MAAM,EAAE,OAAO,cAAc,CAAC;IAC9B,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,KAAK,qBAAiD,CAAC;AAO7D,eAAe,KAAK,CAAC"}

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

@@ -1,2 +1,3 @@
 declare const Modal: any;
 export default Modal;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,KAAK,EAAE,GAOZ,CAAC;AAOF,eAAe,KAAK,CAAC"}

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const Radio: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<any>>;
 export default Radio;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,KAAK,qKAA0B,CAAC;AAGtC,eAAe,KAAK,CAAC"}

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

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-declare const Select: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
+declare const Select: import("react").ForwardRefExoticComponent<Omit<import("antd").SelectProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}, "ref"> & import("react").RefAttributes<any>>;
 export default Select;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,MAAM;;;;+CAA2B,CAAC;AAExC,eAAe,MAAM,CAAC"}

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 declare const Skeleton: (props: any) => JSX.Element;
 export default Skeleton;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,QAAQ,6BAAkD,CAAC;AACjE,eAAe,QAAQ,CAAC"}

package/lib/components/skeleton/index.js

@@ -24,6 +24,5 @@ __export(skeleton_exports, {
 module.exports = __toCommonJS(skeleton_exports);
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
-console.log(import_antd.Skeleton, "OriginalSleleton");
 var Skeleton = (0, import_hoc.withSingleChild)(import_antd.Skeleton, ["children"]);
 var skeleton_default = Skeleton;

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 declare const SliderOuter: (props: any) => JSX.Element;
 export default SliderOuter;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,WAAW,UAAW,GAAG,gBAa9B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/table/Actions/Filter/Dropdown/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./index.less";
+export declare type FilterItemProps = {
+    type: "single" | "input" | "datePicker" | "rangePicker";
+    name: string;
+    props: object;
+    label: string;
+    other: Record<string, any>;
+};
+export interface DropdownProps {
+    list: FilterItemProps[];
+}
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/table/Actions/Filter/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,cAAc,CAAC;AAMtB,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AA4BD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,128 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Actions/Filter/Dropdown/index.tsx
+var Dropdown_exports = {};
+__export(Dropdown_exports, {
+  default: () => Dropdown_default
+});
+module.exports = __toCommonJS(Dropdown_exports);
+var import_react = __toESM(require("react"));
+var import_icon = require("@pisell/icon");
+var import_MultipleContainersSortList = __toESM(require("../../../../MultipleContainersSortList"));
+var import_index = require("./index.less");
+var import_FilterItem = __toESM(require("../FilterItem"));
+var import_hooks = require("../../../../../hooks");
+var import_model = require("../../../model");
+var titleMap = {
+  quickFilter: "Quick Filter",
+  otherFilter: "Filter"
+};
+var DragItem = import_react.default.forwardRef((props, ref) => {
+  const { attributes, listeners, setActivatorNodeRef, style } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref,
+      ...attributes,
+      style,
+      className: "filter-dropdown-drag-item"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+      import_icon.DotsSix,
+      {
+        ref: setActivatorNodeRef,
+        ...listeners,
+        className: "dots-six-icon"
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-drag-item-right" }, props.children)
+  );
+});
+var Dropdown = (props) => {
+  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
+  const list = (0, import_react.useMemo)(() => {
+    return {
+      quickFilter: state.quickFilter,
+      otherFilter: state.otherFilter
+    };
+  }, [state.quickFilter, state.otherFilter]);
+  const handleSortChange = (list2) => {
+    dispatch({
+      type: "setQuickFilter",
+      payload: list2.quickFilter
+    });
+    dispatch({
+      type: "setOtherFilter",
+      payload: list2.otherFilter
+    });
+  };
+  const renderContainer = (0, import_react.useCallback)(({ children, ref, id }) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-container-title-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "filter-dropdown-container-title" }, titleMap[id]), /* @__PURE__ */ import_react.default.createElement(import_icon.HelpCircle, { className: "filter-dropdown-container-icon-help" })), /* @__PURE__ */ import_react.default.createElement("div", { ref, className: "filter-dropdown-container-filter-wrap" }, children));
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "filter-dropdown-wrap-content" }, /* @__PURE__ */ import_react.default.createElement(
+    import_MultipleContainersSortList.default,
+    {
+      list,
+      rowKey: "name",
+      renderContainer,
+      onChange: handleSortChange
+    },
+    ({
+      item,
+      index,
+      style,
+      props: props2,
+      attributes,
+      setActivatorNodeRef,
+      listeners
+    }) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        DragItem,
+        {
+          ...props2,
+          index,
+          attributes,
+          setActivatorNodeRef,
+          listeners,
+          style
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_FilterItem.default,
+          {
+            name: item.name,
+            label: item.label,
+            type: item.type,
+            other: item.other
+          }
+        )
+      );
+    }
+  )));
+};
+var Dropdown_default = Dropdown;

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

@@ -0,0 +1,74 @@
+.filter-dropdown-wrap {
+  width: 400px;
+  padding: 4px;
+  max-height: 400px;
+  display: flex;
+  flex-direction: column;
+  .filter-dropdown-wrap-content {
+    flex: 1;
+    overflow: auto;
+  }
+  .filter-dropdown-wrap-footer {
+
+  }
+  .filter-dropdown-drag-item {
+    display: flex;
+    padding: 8px 12px 12px;
+    align-items: center;
+    border-radius: 8px;
+    background: var(--gray-50, #F9FAFB);
+    margin-bottom: 12px;
+    .dots-six-icon {
+      font-size: 24px;
+      color: #98A2B3;
+      cursor: pointer;
+    }
+    .ant-form-item {
+      margin-bottom: 0;
+    }
+    .filter-dropdown-drag-item-right {
+      margin-left: 16px;
+      flex: 1;
+      .filter-dropdown-drag-item-title {
+        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 var(--surface-surface-4, #e2e2e2);
+  min-height: 70px;
+  margin-bottom: 20px;
+  &:last-child {
+    border: none;
+  }
+  .filter-dropdown-container-title-wrap {
+    color: var(--text-text-3, #919191);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 22px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    .filter-dropdown-container-title {
+      margin-right: 6px;
+      color: var(--gray-900, #101828);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+    }
+    .filter-dropdown-container-icon-help {
+      font-size: 20px;
+      color: var(--gray-400,#98A2B3)
+    }
+  }
+  .filter-dropdown-container-filter-wrap {
+    min-height: 80px;
+  }
+}

package/lib/components/table/Actions/Filter/FilterItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./index.less";
+export interface FilterItemProps {
+    type: "single" | "input" | "datePicker" | "rangePicker";
+    label: string;
+    props?: object;
+    name: string;
+    other: Record<string, any>;
+}
+declare const FilterItem: React.FC<FilterItemProps>;
+export default FilterItem;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/table/Actions/Filter/FilterItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Actions/Filter/FilterItem/index.tsx
+var FilterItem_exports = {};
+__export(FilterItem_exports, {
+  default: () => FilterItem_default
+});
+module.exports = __toCommonJS(FilterItem_exports);
+var import_react = __toESM(require("react"));
+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 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));
+};
+var FilterItem_default = FilterItem;

package/lib/components/table/Actions/Filter/QuickFilter/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const QuickFilter: () => JSX.Element;
+export default QuickFilter;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/table/Actions/Filter/QuickFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,WAAW,mBAoBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Actions/Filter/QuickFilter/index.tsx
+var QuickFilter_exports = {};
+__export(QuickFilter_exports, {
+  default: () => QuickFilter_default
+});
+module.exports = __toCommonJS(QuickFilter_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_hooks = require("../../../../../hooks");
+var import_model = require("../../../model");
+var import_FilterItem = __toESM(require("../FilterItem"));
+var QuickFilter = () => {
+  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
+  const { quickFilter } = state;
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { wrap: true }, (quickFilter || []).map((item) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_FilterItem.default,
+      {
+        name: item.name,
+        type: item.type,
+        other: item.other,
+        props: item.props
+      }
+    );
+  }));
+};
+var QuickFilter_default = QuickFilter;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { DropdownProps } from "./Dropdown";
+export declare type FilterListProps = {
+    list: DropdownProps["list"];
+};
+declare const Filter: React.FC<FilterListProps>;
+export default Filter;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/table/Actions/Filter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGrD,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiBrC,CAAC;AAEF,eAAe,MAAM,CAAC"}