@donglegeyu/company-ui 1.1.0 → 1.2.0

package/dist/cjs/basic-components/CompanyDatePicker/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/basic-components/CompanyDatePicker/index.tsx
@@ -23,11 +33,31 @@ __export(CompanyDatePicker_exports, {
 });
 module.exports = __toCommonJS(CompanyDatePicker_exports);
 var import_antd = require("antd");
+var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
 var import_theme = require("../../theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var CompanyDatePicker = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker, { ...props }) });
+var Picker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker, { ...props }) });
 };
+Picker.RangePicker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker.RangePicker, { ...props }) });
+};
+Picker.WeekPicker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker.WeekPicker, { ...props }) });
+};
+Picker.MonthPicker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker.MonthPicker, { ...props }) });
+};
+Picker.QuarterPicker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker.QuarterPicker, { ...props }) });
+};
+Picker.YearPicker = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: import_zh_CN.default, theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.DatePicker.YearPicker, { ...props }) });
+};
+Picker._InternalPanelDoNotUseOrYouWillBeFired = import_antd.DatePicker._InternalPanelDoNotUseOrYouWillBeFired;
+Picker._InternalRangePanelDoNotUseOrYouWillBeFired = import_antd.DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired;
+Picker.generatePicker = import_antd.DatePicker.generatePicker;
+var CompanyDatePicker = Picker;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CompanyDatePicker

package/dist/cjs/basic-components/CompanyForm/index.d.ts

@@ -8,7 +8,7 @@ export declare const CompanyForm: (<Values = any>(props: FormProps<Values> & {
     useWatch: typeof import("@rc-component/form").useWatch;
     Item: (<Values_1 = any>(props: import("antd").FormItemProps<Values_1>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) & {
         useStatus: () => {
-            status?: "" | "success" | "error" | "warning" | "validating" | undefined;
+            status?: "" | "success" | "warning" | "error" | "validating" | undefined;
             errors: React.ReactNode[];
             warnings: React.ReactNode[];
         };

package/dist/cjs/basic-components/CompanyInput/index.d.ts

@@ -1,3 +1,8 @@
 import React from "react";
-import type { InputProps } from "antd";
-export declare const CompanyInput: React.FC<InputProps>;
+export declare const CompanyInput: React.ForwardRefExoticComponent<import("antd").InputProps & React.RefAttributes<import("antd").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
+    OTP: React.ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & React.RefAttributes<import("antd/es/input/OTP").OTPRef>>;
+};

package/dist/cjs/basic-components/CompanyInput/index.js

@@ -25,9 +25,16 @@ module.exports = __toCommonJS(CompanyInput_exports);
 var import_antd = require("antd");
 var import_theme = require("../../theme");
 var import_jsx_runtime = require("react/jsx-runtime");
-var CompanyInput = (props) => {
+var CompanyInputComponent = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input, { ...props }) });
 };
+var CompanyInput = Object.assign(CompanyInputComponent, {
+  Search: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Search, { ...props }) }),
+  Password: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Password, { ...props }) }),
+  TextArea: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { ...props }) }),
+  Group: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.Group, { ...props }) }),
+  OTP: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.OTP, { ...props }) })
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CompanyInput

package/dist/cjs/basic-components/CompanyMessage/index.d.ts

@@ -9,3 +9,4 @@ export declare const CompanyMessage: {
     destroy: () => void;
     useMessage: any;
 };
+export { useCompanyMessage } from "./useCompanyMessage";

package/dist/cjs/basic-components/CompanyMessage/index.js

@@ -19,12 +19,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/basic-components/CompanyMessage/index.tsx
 var CompanyMessage_exports = {};
 __export(CompanyMessage_exports, {
-  CompanyMessage: () => CompanyMessage
+  CompanyMessage: () => CompanyMessage,
+  useCompanyMessage: () => import_useCompanyMessage.useCompanyMessage
 });
 module.exports = __toCommonJS(CompanyMessage_exports);
 var import_antd = require("antd");
+var import_useCompanyMessage = require("./useCompanyMessage");
 var CompanyMessage = import_antd.message;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CompanyMessage
+  CompanyMessage,
+  useCompanyMessage
 });

package/dist/cjs/basic-components/CompanyMessage/useCompanyMessage.d.ts

@@ -0,0 +1 @@
+export declare function useCompanyMessage(): import("antd/es/message/interface").MessageInstance;

package/dist/cjs/basic-components/CompanyMessage/useCompanyMessage.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/basic-components/CompanyMessage/useCompanyMessage.ts
+var useCompanyMessage_exports = {};
+__export(useCompanyMessage_exports, {
+  useCompanyMessage: () => useCompanyMessage
+});
+module.exports = __toCommonJS(useCompanyMessage_exports);
+var import_antd = require("antd");
+function useCompanyMessage() {
+  const { message } = import_antd.App.useApp();
+  return message;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCompanyMessage
+});

package/dist/cjs/basic-components/CompanyTable/index.js

@@ -25,8 +25,30 @@ module.exports = __toCommonJS(CompanyTable_exports);
 var import_antd = require("antd");
 var import_theme = require("../../theme");
 var import_jsx_runtime = require("react/jsx-runtime");
+var HEADER_PADDING_BLOCK = 12;
 var CompanyTable = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Table, { ...props }) });
+  const { components: userComponents, ...restProps } = props;
+  const userHeader = userComponents == null ? void 0 : userComponents.header;
+  const userCell = userHeader == null ? void 0 : userHeader.cell;
+  const mergedComponents = {
+    ...userComponents,
+    header: {
+      ...userHeader,
+      cell: (cellProps) => {
+        const { style: antdStyle, ...restCellProps } = cellProps;
+        const mergedStyle = {
+          ...antdStyle || {},
+          paddingTop: HEADER_PADDING_BLOCK,
+          paddingBottom: HEADER_PADDING_BLOCK
+        };
+        if (userCell) {
+          return userCell({ ...restCellProps, style: mergedStyle });
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { ...restCellProps, style: mergedStyle, children: cellProps.children });
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { theme: import_theme.companyTheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Table, { ...restProps, components: mergedComponents }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/index.d.ts

@@ -1,8 +1,10 @@
 import "./global.css";
 import type { Locale } from "antd/es/locale";
 export * from "./basic-components";
+export * from "./shared-components";
 export * from "./template-components";
 export * from "./theme";
+export * from "./types";
 export declare const ThemeProvider: (props: {
     children: React.ReactNode;
     locale?: Locale;

package/dist/cjs/index.js

@@ -27,8 +27,10 @@ var import_global = require("./global.css");
 var import_antd = require("antd");
 var import_theme = require("./theme");
 __reExport(src_exports, require("./basic-components"), module.exports);
+__reExport(src_exports, require("./shared-components"), module.exports);
 __reExport(src_exports, require("./template-components"), module.exports);
 __reExport(src_exports, require("./theme"), module.exports);
+__reExport(src_exports, require("./types"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var ThemeProvider = (props) => {
   const { children, locale } = props;
@@ -38,6 +40,8 @@ var ThemeProvider = (props) => {
 0 && (module.exports = {
   ThemeProvider,
   ...require("./basic-components"),
+  ...require("./shared-components"),
   ...require("./template-components"),
-  ...require("./theme")
+  ...require("./theme"),
+  ...require("./types")
 });

package/dist/cjs/shared-components/ActionCell/index.d.ts

@@ -0,0 +1,15 @@
+import './index.scss';
+export interface ActionButton {
+    key: string;
+    label: string;
+    danger?: boolean;
+    confirm?: boolean;
+    confirmTitle?: string;
+    onClick?: () => void;
+}
+interface ActionCellProps {
+    buttons: ActionButton[];
+    maxVisible?: number;
+}
+export default function ActionCell({ buttons, maxVisible, }: ActionCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/shared-components/ActionCell/index.js

@@ -0,0 +1,113 @@
+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/shared-components/ActionCell/index.tsx
+var ActionCell_exports = {};
+__export(ActionCell_exports, {
+  default: () => ActionCell
+});
+module.exports = __toCommonJS(ActionCell_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_basic_components = require("../../basic-components");
+var import_SvgIcon = __toESM(require("../SvgIcon"));
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ActionCell({
+  buttons,
+  maxVisible = 2
+}) {
+  const visibleButtons = (0, import_react.useMemo)(
+    () => buttons.slice(0, maxVisible),
+    [buttons, maxVisible]
+  );
+  const moreButtons = (0, import_react.useMemo)(
+    () => buttons.slice(maxVisible),
+    [buttons, maxVisible]
+  );
+  const handleClick = (btn) => {
+    var _a;
+    (_a = btn.onClick) == null ? void 0 : _a.call(btn);
+  };
+  const moreMenuItems = (0, import_react.useMemo)(
+    () => moreButtons.map((btn) => ({
+      key: btn.key,
+      label: btn.confirm ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_basic_components.CompanyPopconfirm,
+        {
+          title: btn.confirmTitle || "确定？",
+          onConfirm: () => handleClick(btn),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: btn.label })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: btn.label })
+    })),
+    [moreButtons]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: 4, children: [
+    visibleButtons.map(
+      (btn) => btn.confirm ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_basic_components.CompanyPopconfirm,
+        {
+          title: btn.confirmTitle || "确定？",
+          onConfirm: () => handleClick(btn),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { type: "link", danger: btn.danger, className: "action-btn", children: btn.label })
+        },
+        btn.key
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_basic_components.CompanyButton,
+        {
+          type: "link",
+          danger: btn.danger,
+          className: "action-btn",
+          onClick: () => handleClick(btn),
+          children: btn.label
+        },
+        btn.key
+      )
+    ),
+    moreButtons.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_basic_components.CompanyDropdown,
+      {
+        placement: "bottomRight",
+        popupRender: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Menu,
+          {
+            style: { minWidth: 120 },
+            onClick: (info) => {
+              var _a;
+              const btn = moreButtons.find((b) => b.key === info.key);
+              (_a = btn == null ? void 0 : btn.onClick) == null ? void 0 : _a.call(btn);
+            },
+            items: moreMenuItems
+          }
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { type: "link", className: "action-more-btn", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SvgIcon.default, { href: "more-one", size: 16 }) })
+      }
+    )
+  ] });
+}

package/dist/cjs/shared-components/ActionCell/index.scss

@@ -0,0 +1,36 @@
+.action-more-btn {
+  color: #F95914 !important;
+  background: transparent !important;
+  border: none !important;
+  padding: 0 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 32px !important;
+  height: 32px !important;
+  line-height: 1 !important;
+}
+
+.action-more-btn:hover,
+.action-more-btn:focus,
+.action-more-btn:active {
+  color: #F95914 !important;
+  background: rgba(0, 0, 0, 0.04) !important;
+  border: none !important;
+}
+
+.action-btn {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.action-btn:hover,
+.action-btn:focus {
+  background: rgba(0, 0, 0, 0.04) !important;
+  color: #F95914 !important;
+}
+
+.action-btn:active {
+  background: rgba(0, 0, 0, 0.06) !important;
+  color: #F95914 !important;
+}

package/dist/cjs/shared-components/BaseInfoForm/index.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { FormInstance } from 'antd';
+import './index.scss';
+export interface FormField {
+    name: string;
+    label: string;
+    type: 'input' | 'select' | 'textarea' | 'input-number';
+    placeholder?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    options?: {
+        value: string | number;
+        label: string;
+    }[];
+    rules?: any[];
+    required?: boolean;
+}
+export interface BaseInfoFormProps {
+    value: Record<string, any>;
+    fields: FormField[];
+    layout?: 'horizontal' | 'vertical';
+    onChange?: (value: Record<string, any>) => void;
+    onFieldChange?: (field: string, value: any) => void;
+}
+export interface BaseInfoFormRef {
+    validate: () => Promise<boolean>;
+    form: FormInstance | null;
+}
+declare const BaseInfoForm: import("react").ForwardRefExoticComponent<BaseInfoFormProps & import("react").RefAttributes<BaseInfoFormRef>>;
+export default BaseInfoForm;

package/dist/cjs/shared-components/BaseInfoForm/index.js

@@ -0,0 +1,154 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/shared-components/BaseInfoForm/index.tsx
+var BaseInfoForm_exports = {};
+__export(BaseInfoForm_exports, {
+  default: () => BaseInfoForm_default
+});
+module.exports = __toCommonJS(BaseInfoForm_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_basic_components = require("../../basic-components");
+var import_index = require("./index.scss");
+var import_jsx_runtime = require("react/jsx-runtime");
+var BaseInfoForm = (0, import_react.forwardRef)(({
+  value,
+  fields,
+  layout = "horizontal",
+  onChange,
+  onFieldChange
+}, ref) => {
+  const [form] = import_antd.Form.useForm();
+  const [contentWidth, setContentWidth] = (0, import_react.useState)(1200);
+  const formRef = (0, import_react.useRef)(null);
+  const prevValueRef = (0, import_react.useRef)(value);
+  (0, import_react.useEffect)(() => {
+    const el = formRef.current;
+    if (!el)
+      return;
+    const updateWidth = () => {
+      if (el) {
+        setContentWidth(el.clientWidth);
+      }
+    };
+    updateWidth();
+    const observer = new ResizeObserver(updateWidth);
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  const getColSpan = () => {
+    if (contentWidth < 560)
+      return 24;
+    if (contentWidth < 860)
+      return 12;
+    if (contentWidth < 1200)
+      return 8;
+    return 6;
+  };
+  (0, import_react.useEffect)(() => {
+    if (prevValueRef.current !== value) {
+      prevValueRef.current = value;
+      const currentFormValues = form.getFieldsValue();
+      const diff = {};
+      for (const k of Object.keys(value)) {
+        if (value[k] !== currentFormValues[k]) {
+          diff[k] = value[k];
+        }
+      }
+      if (Object.keys(diff).length > 0) {
+        form.setFieldsValue(diff);
+      }
+    }
+  }, [value, form]);
+  const handleValuesChange = (_changedValues, allValues) => {
+    const key = Object.keys(_changedValues)[0];
+    if (key) {
+      onFieldChange == null ? void 0 : onFieldChange(key, _changedValues[key]);
+    }
+    onChange == null ? void 0 : onChange(allValues);
+  };
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    validate: () => form.validateFields().then(() => true).catch(() => false),
+    form
+  }), [form]);
+  const renderField = (field) => {
+    switch (field.type) {
+      case "input":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInput,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            readOnly: field.readonly,
+            disabled: field.disabled
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanySelect,
+          {
+            placeholder: field.placeholder ?? "请选择",
+            disabled: field.disabled,
+            options: field.options,
+            style: { width: "100%" }
+          }
+        );
+      case "textarea":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInput.TextArea,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            disabled: field.disabled,
+            style: { width: "100%" }
+          }
+        );
+      case "input-number":
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_basic_components.CompanyInputNumber,
+          {
+            placeholder: field.placeholder ?? "请输入",
+            disabled: field.disabled,
+            style: { width: "100%" }
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: formRef, className: "base-info-form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Form,
+    {
+      form,
+      initialValues: value,
+      layout,
+      onValuesChange: handleValuesChange,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Row, { gutter: 24, children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Col, { span: getColSpan(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Form.Item,
+        {
+          label: field.label,
+          name: field.name,
+          rules: field.rules,
+          required: field.required,
+          children: renderField(field)
+        }
+      ) }, field.name)) })
+    }
+  ) });
+});
+BaseInfoForm.displayName = "BaseInfoForm";
+var BaseInfoForm_default = BaseInfoForm;

package/dist/cjs/shared-components/BaseInfoForm/index.scss

@@ -0,0 +1,18 @@
+.base-info-form.base-info-form {
+  width: 100%;
+
+  .ant-form-item.ant-form-item {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .ant-form-item-label.ant-form-item-label {
+    width: 80px;
+    flex-shrink: 0;
+  }
+
+  .ant-form-item-label > label {
+    justify-content: flex-end;
+  }
+}

package/dist/cjs/shared-components/FilterOptionsDrawer/index.d.ts

@@ -0,0 +1,16 @@
+import type { FilterOption } from '../../types';
+interface FilterOptionsDrawerProps {
+    open: boolean;
+    options: FilterOption[];
+    isEdit?: boolean;
+    editName?: string;
+    editId?: string;
+    onClose?: () => void;
+    onSave?: (data: {
+        name: string;
+        id?: string;
+        options: FilterOption[];
+    }) => void;
+}
+export default function FilterOptionsDrawer({ open, options, isEdit, editName, editId, onClose, onSave, }: FilterOptionsDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};