@donglegeyu/company-ui 1.1.0 → 1.1.1

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/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 {};

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

@@ -0,0 +1,202 @@
+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/FilterOptionsDrawer/index.tsx
+var FilterOptionsDrawer_exports = {};
+__export(FilterOptionsDrawer_exports, {
+  default: () => FilterOptionsDrawer
+});
+module.exports = __toCommonJS(FilterOptionsDrawer_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_jsx_runtime = require("react/jsx-runtime");
+function FilterOptionsDrawer({
+  open,
+  options,
+  isEdit = false,
+  editName = "",
+  editId = "",
+  onClose,
+  onSave
+}) {
+  const [schemeName, setSchemeName] = (0, import_react.useState)(editName);
+  const [editingId, setEditingId] = (0, import_react.useState)(editId);
+  const [localOptions, setLocalOptions] = (0, import_react.useState)([]);
+  const [dragIndex, setDragIndex] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      setLocalOptions(
+        options.map((opt) => ({
+          key: opt.key,
+          label: opt.label,
+          checked: opt.checked,
+          options: opt.options ? [...opt.options] : void 0,
+          defaultValue: opt.defaultValue
+        }))
+      );
+      setSchemeName(editName);
+      setEditingId(editId);
+    }
+  }, [open, options, editName, editId]);
+  const handleClose = (0, import_react.useCallback)(() => {
+    onClose == null ? void 0 : onClose();
+  }, [onClose]);
+  const handleSave = (0, import_react.useCallback)(() => {
+    if (!schemeName.trim())
+      return;
+    const selectedCount = localOptions.filter((opt) => opt.checked).length;
+    if (selectedCount === 0)
+      return;
+    onSave == null ? void 0 : onSave({
+      name: schemeName.trim(),
+      id: editingId,
+      options: [...localOptions]
+    });
+  }, [schemeName, localOptions, editingId, onSave]);
+  const handleCheckedChange = (0, import_react.useCallback)((index, checked) => {
+    setLocalOptions(
+      (prev) => prev.map((item, i) => i === index ? { ...item, checked } : item)
+    );
+  }, []);
+  const handleDefaultValueChange = (0, import_react.useCallback)((index, value) => {
+    setLocalOptions(
+      (prev) => prev.map((item, i) => i === index ? { ...item, defaultValue: value } : item)
+    );
+  }, []);
+  const handleDragStart = (0, import_react.useCallback)((event, index) => {
+    setDragIndex(index);
+    event.dataTransfer.effectAllowed = "move";
+  }, []);
+  const handleDragOver = (0, import_react.useCallback)((event) => {
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "move";
+  }, []);
+  const handleDrop = (0, import_react.useCallback)((event, index) => {
+    event.preventDefault();
+    if (dragIndex === null || dragIndex === index)
+      return;
+    const items = [...localOptions];
+    const [dragItem] = items.splice(dragIndex, 1);
+    items.splice(index, 0, dragItem);
+    setLocalOptions(items);
+    setDragIndex(null);
+  }, [dragIndex, localOptions]);
+  const handleDragEnd = (0, import_react.useCallback)(() => {
+    setDragIndex(null);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_basic_components.CompanyDrawer,
+    {
+      title: isEdit ? "编辑视图" : "新增视图",
+      open,
+      onClose: handleClose,
+      size: 380,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "right" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { onClick: handleClose, children: "取消" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_basic_components.CompanyButton, { type: "primary", style: { marginLeft: 8 }, onClick: handleSave, children: "保存" })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "view-name-section", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: 14, fontWeight: 500, color: "rgba(0, 0, 0, 0.85)", marginBottom: 8 }, children: [
+            "视图名称",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "#ff4d4f", marginLeft: 4 }, children: "*" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_basic_components.CompanyInput,
+            {
+              value: schemeName,
+              onChange: (e) => setSchemeName(e.target.value),
+              placeholder: "请输入视图名称（最多8个字）",
+              maxLength: 8,
+              showCount: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { fontSize: 12, color: "rgba(0, 0, 0, 0.45)", marginBottom: 8 }, children: "勾选并调整视图条件顺序后保存" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: localOptions.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            draggable: true,
+            onDragStart: (e) => handleDragStart(e, index),
+            onDragOver: handleDragOver,
+            onDrop: (e) => handleDrop(e, index),
+            onDragEnd: handleDragEnd,
+            style: {
+              background: "#fafafa",
+              borderRadius: 4,
+              padding: 12,
+              cursor: "move",
+              transition: "background-color 0.2s"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.background = "#f0f0f0";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = "#fafafa";
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SvgIcon.default, { href: "drag", size: 16, style: { flexShrink: 0, cursor: "grab", color: "rgba(0, 0, 0, 0.25)" } }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_antd.Checkbox,
+                  {
+                    checked: item.checked,
+                    onChange: (e) => handleCheckedChange(index, e.target.checked),
+                    children: item.label
+                  }
+                )
+              ] }),
+              item.checked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 8, marginLeft: 24 }, children: item.options ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_basic_components.CompanySelect,
+                {
+                  value: item.defaultValue || "",
+                  onChange: (val) => handleDefaultValueChange(index, val),
+                  options: item.options,
+                  placeholder: "默认值",
+                  style: { width: "100%" },
+                  allowClear: true
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_basic_components.CompanyInput,
+                {
+                  value: item.defaultValue || "",
+                  onChange: (e) => handleDefaultValueChange(index, e.target.value),
+                  placeholder: "默认日期",
+                  style: { width: "100%" }
+                }
+              ) })
+            ]
+          },
+          item.key
+        )) })
+      ] })
+    }
+  );
+}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface SvgIconProps {
+    href: string;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: number | string;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export default function SvgIcon({ href, className, style, size, onClick }: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export {};