gm-antd 1.3.3-beta.11 → 1.3.3-beta.13

package/dist/index.js

@@ -105,6 +105,7 @@ function withCompat(Component4, options) {
     const compatProps = applyCompatProps(props, options);
     return React28__default.default.createElement(Component4, __spreadProps(__spreadValues({}, compatProps), { ref }));
   });
+  Object.assign(Wrapped, Component4);
   Wrapped.displayName = `withCompat(${Component4.displayName || Component4.name || "Component"})`;
   return Wrapped;
 }
@@ -184,11 +185,19 @@ function withBaseSelectCompat(Component4) {
 
 // src/compat/Input.tsx
 var Input = React28__default.default.forwardRef((props, ref) => /* @__PURE__ */ React28__default.default.createElement(antd.Input, __spreadValues({ ref }, applyCompatProps(props, { transform: transformBordered }))));
+var Compact = antd.Space.Compact;
 Input.displayName = "GmInput";
 Input.TextArea = antd.Input.TextArea;
 Input.Search = antd.Input.Search;
 Input.Password = antd.Input.Password;
-Input.Group = antd.Input.Group;
+var Group = React28__default.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { compact } = _b, rest = __objRest(_b, ["compact"]);
+    return /* @__PURE__ */ React28__default.default.createElement(Compact, __spreadValues({ ref }, rest));
+  }
+);
+Group.displayName = "Group";
+Input.Group = Group;
 var Input_default = Input;
 var InputNumber = React28__default.default.forwardRef((props, ref) => /* @__PURE__ */ React28__default.default.createElement(antd.InputNumber, __spreadValues({ ref }, applyCompatProps(props, { transform: transformBordered }))));
 InputNumber.displayName = "GmInputNumber";
@@ -219,16 +228,16 @@ function useSelectAll({
   const flattenOptions = React28.useMemo(() => {
     const result = [];
     if (!options) return result;
-    const process2 = (opts) => {
+    const process = (opts) => {
       for (const opt of opts) {
         if (opt[optionsFieldName] && Array.isArray(opt[optionsFieldName])) {
-          process2(opt[optionsFieldName]);
+          process(opt[optionsFieldName]);
         } else if (opt[valueFieldName] !== void 0) {
           result.push(opt);
         }
       }
     };
-    process2(options);
+    process(options);
     return result;
   }, [options, optionsFieldName, valueFieldName]);
   const availableValues = React28.useMemo(
@@ -349,7 +358,9 @@ var dropdownItemStyle = (isSelected, isDisabled) => __spreadValues(__spreadValue
   cursor: isDisabled ? "not-allowed" : "pointer",
   borderRadius: 4,
   transition: "background-color 0.2s"
-}, isSelected && { color: "var(--ant-color-primary)" }), isDisabled && { opacity: 0.5 });
+}, isSelected && {
+  color: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))"
+}), isDisabled && { opacity: 0.5 });
 var dropdownItemLabelStyle = {
   flex: 1,
   fontSize: 14,
@@ -358,7 +369,7 @@ var dropdownItemLabelStyle = {
   textOverflow: "ellipsis"
 };
 var checkIconStyle = {
-  color: "var(--ant-color-primary)",
+  color: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))",
   fontSize: 14,
   marginRight: 8
 };
@@ -379,13 +390,14 @@ function DropdownRender({
   options,
   mode,
   fieldNames,
+  searchValue = "",
   isRenderDefaultBottom = true,
   isShowCheckedAll = true,
   isShowDeletedSwitch = false,
   children,
-  optionFilterProp
+  optionFilterProp,
+  filterOption
 }) {
-  const [searchValue, setSearchValue] = React28.useState("");
   const isMultiple = mode === "multiple" || mode === "tags";
   const labelFieldName = (fieldNames == null ? void 0 : fieldNames.label) || "label";
   const valueFieldName = (fieldNames == null ? void 0 : fieldNames.value) || "value";
@@ -395,10 +407,41 @@ function DropdownRender({
     isShowDeletedSwitch,
     fieldNames
   });
+  const searchedOptions = React28.useMemo(() => {
+    if (!filteredOptions || !searchValue) return filteredOptions;
+    const lowerSearchValue = String(searchValue).toLowerCase();
+    const matchOption = (option) => {
+      var _a, _b;
+      if (typeof filterOption === "function") {
+        return filterOption(searchValue, option);
+      }
+      const searchFieldName = optionFilterProp || labelFieldName;
+      const target = (_b = (_a = option[searchFieldName]) != null ? _a : option[labelFieldName]) != null ? _b : option[valueFieldName];
+      if (typeof target === "string" || typeof target === "number") {
+        return String(target).toLowerCase().includes(lowerSearchValue);
+      }
+      return false;
+    };
+    return filteredOptions.map((option) => {
+      if (option[optionsFieldName] && Array.isArray(option[optionsFieldName])) {
+        const childrenOptions = option[optionsFieldName].filter(matchOption);
+        return childrenOptions.length ? __spreadProps(__spreadValues({}, option), { [optionsFieldName]: childrenOptions }) : null;
+      }
+      return matchOption(option) ? option : null;
+    }).filter(Boolean);
+  }, [
+    filterOption,
+    filteredOptions,
+    labelFieldName,
+    optionFilterProp,
+    optionsFieldName,
+    searchValue,
+    valueFieldName
+  ]);
   const { isAllSelected, canSelectCount, handleSelectAll, flattenOptions } = useSelectAll({
     value,
     onChange,
-    options: filteredOptions,
+    options: searchedOptions,
     mode,
     fieldNames});
   const valueArray = React28.useMemo(
@@ -406,22 +449,22 @@ function DropdownRender({
     [value]
   );
   const selectedOptions = React28.useMemo(() => {
-    if (!options) return [];
+    if (!filteredOptions) return [];
     const allFlat = [];
-    const process2 = (opts) => {
+    const process = (opts) => {
       for (const opt of opts) {
         if (opt[optionsFieldName] && Array.isArray(opt[optionsFieldName])) {
-          process2(opt[optionsFieldName]);
+          process(opt[optionsFieldName]);
         } else if (opt[valueFieldName] !== void 0 && valueArray.includes(opt[valueFieldName])) {
           allFlat.push(opt);
         }
       }
     };
-    process2(options);
+    process(filteredOptions);
     return allFlat;
-  }, [options, valueArray, optionsFieldName, valueFieldName]);
+  }, [filteredOptions, valueArray, optionsFieldName, valueFieldName]);
   const unselectedOptions = React28.useMemo(() => {
-    if (!filteredOptions || searchValue) return filteredOptions;
+    if (!searchedOptions || searchValue) return searchedOptions;
     const selectedValues = selectedOptions.map((item) => item[valueFieldName]);
     const filterUnselected = (opts) => {
       return opts.map((opt) => {
@@ -438,8 +481,8 @@ function DropdownRender({
         return null;
       }).filter(Boolean);
     };
-    return filterUnselected(filteredOptions);
-  }, [filteredOptions, searchValue, selectedOptions, valueFieldName, optionsFieldName]);
+    return filterUnselected(searchedOptions);
+  }, [searchedOptions, searchValue, selectedOptions, valueFieldName, optionsFieldName]);
   const handleItemClick = (itemValue, item) => {
     const isInValue = valueArray.includes(itemValue);
     let newValue;
@@ -520,6 +563,42 @@ function DropdownRender({
 }
 
 // src/compat/Select.tsx
+function getSelectChildName(node) {
+  if (!React28__default.default.isValidElement(node)) return void 0;
+  const type = node.type;
+  return type == null ? void 0 : type.displayName;
+}
+function normalizeReactKey(key) {
+  if (key == null) return void 0;
+  const keyString = String(key);
+  if (keyString.startsWith(".$")) return keyString.slice(2);
+  if (keyString.startsWith(".")) return keyString.slice(1);
+  return keyString;
+}
+function selectChildrenToOptions(children) {
+  if (children == null) return void 0;
+  const nodes = React28__default.default.Children.toArray(children).filter(React28__default.default.isValidElement);
+  if (!nodes.length) return void 0;
+  return nodes.map((node) => {
+    const { key, props } = node;
+    const _a = props, { children: labelNode, label, value, disabled } = _a, rest = __objRest(_a, ["children", "label", "value", "disabled"]);
+    const childName = getSelectChildName(node);
+    const normalizedKey = normalizeReactKey(key);
+    if (childName === "OptGroup") {
+      return __spreadValues({
+        key: normalizedKey,
+        label,
+        options: selectChildrenToOptions(labelNode) || []
+      }, rest);
+    }
+    return __spreadValues({
+      key: normalizedKey,
+      value: value !== void 0 ? value : normalizedKey,
+      label: label !== void 0 ? label : labelNode,
+      disabled
+    }, rest);
+  });
+}
 function GmSelectInner(props, ref) {
   const renamed = applyCompatProps(props, {
     rename: BASE_SELECT_RENAME,
@@ -555,11 +634,14 @@ function GmSelectInner(props, ref) {
     "optionFilterProp",
     "filterOption"
   ]);
-  if (process.env.NODE_ENV !== "production" && children != null) {
-    console.warn("[gm-antd Select] children \u5F62\u5F0F\u4E0D\u88AB\u652F\u6301, \u8BF7\u4F7F\u7528 options prop\u3002children \u5DF2\u5FFD\u7565\u3002");
-  }
+  const [searchValue, setSearchValue] = React28__default.default.useState("");
+  const mergedOptions = options || selectChildrenToOptions(children);
   const isMultiple = mode === "multiple" || mode === "tags";
-  const useCustomRender = isMultiple && isRenderDefaultBottom && !(React28__default.default.Children.count(children) > 0 || optionFilterProp === "label");
+  const useCustomRender = isMultiple && isRenderDefaultBottom && optionFilterProp !== "label" && !!mergedOptions;
+  const handleSearch = (nextSearchValue) => {
+    setSearchValue(nextSearchValue);
+    onSearch == null ? void 0 : onSearch(nextSearchValue);
+  };
   const mergedPopupRender = (menu) => {
     if (!useCustomRender) {
       return customPopupRender ? customPopupRender(menu) : menu;
@@ -570,9 +652,12 @@ function GmSelectInner(props, ref) {
         menu,
         value,
         onChange,
-        options,
+        options: mergedOptions,
         mode,
         fieldNames,
+        searchValue,
+        optionFilterProp,
+        filterOption,
         isRenderDefaultBottom,
         isShowCheckedAll,
         isShowDeletedSwitch
@@ -587,18 +672,23 @@ function GmSelectInner(props, ref) {
       value,
       onChange,
       mode,
-      options,
+      options: mergedOptions,
       fieldNames,
       popupRender: mergedPopupRender,
       showSearch: true,
-      onSearch,
+      onSearch: handleSearch,
       filterOption: useCustomRender ? false : filterOption
     })
   );
 }
 var ForwardedSelect = React28__default.default.forwardRef(GmSelectInner);
-ForwardedSelect.Option = antd.Select.Option;
-ForwardedSelect.OptGroup = antd.Select.OptGroup;
+var _optMarker = (name) => {
+  const fn = (() => null);
+  fn.displayName = name;
+  return fn;
+};
+ForwardedSelect.Option = _optMarker("Option");
+ForwardedSelect.OptGroup = _optMarker("OptGroup");
 ForwardedSelect.displayName = "GmSelect";
 var Select_default = ForwardedSelect;
 antd.message.warn = antd.message.warning;
@@ -659,7 +749,9 @@ var CompatTabs = React28__default.default.forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ React28__default.default.createElement(antd.Tabs, __spreadValues({ ref }, rest), children);
 });
-CompatTabs.TabPane = antd.Tabs.TabPane;
+var _tabPaneMarker = (() => null);
+_tabPaneMarker.displayName = "TabPane";
+CompatTabs.TabPane = _tabPaneMarker;
 CompatTabs.displayName = "GmTabs";
 var Tabs_default = CompatTabs;
 var CompatMenu = React28__default.default.forwardRef((props, ref) => {
@@ -670,10 +762,15 @@ var CompatMenu = React28__default.default.forwardRef((props, ref) => {
   }
   return /* @__PURE__ */ React28__default.default.createElement(antd.Menu, __spreadValues({ ref }, rest));
 });
-CompatMenu.Item = antd.Menu.Item;
-CompatMenu.SubMenu = antd.Menu.SubMenu;
-CompatMenu.ItemGroup = antd.Menu.ItemGroup;
-CompatMenu.Divider = antd.Menu.Divider;
+var _menuItemMarker = (name) => {
+  const fn = ((props) => null);
+  fn.displayName = name;
+  return fn;
+};
+CompatMenu.Item = _menuItemMarker("MenuItem");
+CompatMenu.SubMenu = _menuItemMarker("SubMenu");
+CompatMenu.ItemGroup = _menuItemMarker("MenuGroup");
+CompatMenu.Divider = _menuItemMarker("MenuDivider");
 CompatMenu.displayName = "GmMenu";
 var Menu_default = CompatMenu;
 dayjs2__default.default.extend(utc__default.default);
@@ -783,7 +880,7 @@ var DatePicker_default = DatePicker;
 var secondButtonStyle = {
   // 加 fallback: gmTheme 关闭了 cssVar(见 styles/theme.ts), 不加 fallback 时
   // var(--ant-color-primary) 解析为空 → 文字回退成黑色(second 型按钮文字变黑)。
-  color: "var(--ant-color-primary, #0363ff)",
+  color: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))",
   backgroundColor: "#f2f3f4",
   borderStyle: "none"
 };
@@ -2551,8 +2648,8 @@ function Component3(options) {
             justifyContent: "center",
             width: 34,
             height: 34,
-            color: showSetting ? "var(--ant-color-primary)" : "rgb(113, 113, 112)",
-            border: `1px solid ${showSetting ? "var(--ant-color-primary)" : "#d6d6d6"}`,
+            color: showSetting ? "var(--ant-color-primary, var(--gm-color-primary, #0363ff))" : "rgb(113, 113, 112)",
+            border: `1px solid ${showSetting ? "var(--ant-color-primary, var(--gm-color-primary, #0363ff))" : "#d6d6d6"}`,
             borderRadius: 4,
             cursor: "pointer"
           },
@@ -2609,7 +2706,7 @@ Component3.get = (id) => {
 };
 var TableFilter = mobxReact.observer(Component3);
 var table_filter_default = TableFilter;
-var InfoField = ({ className, style, label, value }) => /* @__PURE__ */ React28__default.default.createElement("div", { className: classNames14__default.default(className), style: __spreadProps(__spreadValues({}, style), { fontSize: 14 }) }, /* @__PURE__ */ React28__default.default.createElement("span", { style: { marginRight: 10, color: "black", fontWeight: "bold" } }, label), /* @__PURE__ */ React28__default.default.createElement("span", { style: { color: "var(--ant-color-primary)" } }, value));
+var InfoField = ({ className, style, label, value }) => /* @__PURE__ */ React28__default.default.createElement("div", { className: classNames14__default.default(className), style: __spreadProps(__spreadValues({}, style), { fontSize: 14 }) }, /* @__PURE__ */ React28__default.default.createElement("span", { style: { marginRight: 10, color: "black", fontWeight: "bold" } }, label), /* @__PURE__ */ React28__default.default.createElement("span", { style: { color: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))" } }, value));
 var InfoField_default = InfoField;
 
 // src/table-pagination/index.tsx
@@ -2973,7 +3070,7 @@ var DiyPanel = ({
       style: {
         display: "inline-block",
         width: 3,
-        background: "var(--ant-color-primary)",
+        background: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))",
         height: 18,
         marginRight: 5
       }
@@ -3316,7 +3413,7 @@ var TableBatchActions = (_a) => {
         },
         tableLocale == null ? void 0 : tableLocale.selectAllPages
       ),
-      selectedRowKeys.length > 0 && /* @__PURE__ */ React28__default.default.createElement(React28__default.default.Fragment, null, /* @__PURE__ */ React28__default.default.createElement(antd.Divider, { type: "vertical" }), /* @__PURE__ */ React28__default.default.createElement(antd.Space, null, /* @__PURE__ */ React28__default.default.createElement("div", null, tableLocale == null ? void 0 : tableLocale.selected, /* @__PURE__ */ React28__default.default.createElement("span", { style: { color: "var(--ant-color-primary)" } }, isSelectedTotal ? totalCount : selectedRowKeys.length, " "), tableLocale == null ? void 0 : tableLocale.project))),
+      selectedRowKeys.length > 0 && /* @__PURE__ */ React28__default.default.createElement(React28__default.default.Fragment, null, /* @__PURE__ */ React28__default.default.createElement(antd.Divider, { type: "vertical" }), /* @__PURE__ */ React28__default.default.createElement(antd.Space, null, /* @__PURE__ */ React28__default.default.createElement("div", null, tableLocale == null ? void 0 : tableLocale.selected, /* @__PURE__ */ React28__default.default.createElement("span", { style: { color: "var(--ant-color-primary, var(--gm-color-primary, #0363ff))" } }, isSelectedTotal ? totalCount : selectedRowKeys.length, " "), tableLocale == null ? void 0 : tableLocale.project))),
       children && /* @__PURE__ */ React28__default.default.createElement(antd.Divider, { type: "vertical" }),
       /* @__PURE__ */ React28__default.default.createElement("div", { style: { zIndex: 10, display: "flex", flex: 1, gap: 8, alignItems: "center" } }, children)
     )
@@ -3980,22 +4077,190 @@ var useTable = (options) => {
 var useTable_default = useTable;
 
 // src/styles/theme.ts
+var gmThemeColors = {
+  primary: "#0363ff",
+  primaryHover: "#0363ff",
+  primaryActive: "#004fcf",
+  primaryOutline: "rgba(3, 99, 255, 0.2)",
+  primaryOutlineLight: "rgba(3, 99, 255, 0.12)",
+  primaryBg: "#b2d5ff",
+  primaryBgLight: "#d7e8fc",
+  primaryBgMoreLight: "#edf3f9",
+  success: "#52c41a",
+  successActive: "#3f9714",
+  successOutline: "rgba(82, 196, 26, 0.2)",
+  successBg: "#f6ffed",
+  error: "#f5222d",
+  errorActive: "#da0a15",
+  errorOutline: "rgba(245, 34, 45, 0.2)",
+  errorBg: "#fef1f1",
+  dangerBg: "#fa5151",
+  dangerActive: "#f91f1f",
+  warning: "#faad14",
+  warningActive: "#d69005",
+  warningOutline: "rgba(250, 173, 20, 0.2)",
+  warningBg: "#fef5eb",
+  infoBg: "#edf3f9",
+  disabled: "rgba(0, 0, 0, 0.5)"
+};
 var gmTheme = {
   token: {
-    colorPrimary: "#0363ff",
-    colorSuccess: "#52c41a",
-    colorWarning: "#faad14",
-    colorError: "#f5222d",
-    colorInfo: "#0363ff"
+    colorPrimary: gmThemeColors.primary,
+    colorPrimaryHover: gmThemeColors.primaryHover,
+    colorPrimaryActive: gmThemeColors.primaryActive,
+    colorPrimaryBg: gmThemeColors.primaryBg,
+    colorPrimaryBgHover: gmThemeColors.primaryBgLight,
+    colorPrimaryBorder: gmThemeColors.primary,
+    colorPrimaryBorderHover: gmThemeColors.primaryHover,
+    colorPrimaryText: gmThemeColors.primary,
+    colorPrimaryTextHover: gmThemeColors.primaryHover,
+    colorPrimaryTextActive: gmThemeColors.primaryActive,
+    colorLink: gmThemeColors.primary,
+    colorLinkHover: gmThemeColors.primaryHover,
+    colorLinkActive: gmThemeColors.primaryActive,
+    colorSuccess: gmThemeColors.success,
+    colorSuccessHover: gmThemeColors.success,
+    colorSuccessActive: gmThemeColors.successActive,
+    colorSuccessBg: gmThemeColors.successBg,
+    colorSuccessBorder: gmThemeColors.success,
+    colorWarning: gmThemeColors.warning,
+    colorWarningHover: gmThemeColors.warning,
+    colorWarningActive: gmThemeColors.warningActive,
+    colorWarningBg: gmThemeColors.warningBg,
+    colorWarningBorder: gmThemeColors.warning,
+    colorError: gmThemeColors.error,
+    colorErrorHover: gmThemeColors.error,
+    colorErrorActive: gmThemeColors.errorActive,
+    colorErrorBg: gmThemeColors.errorBg,
+    colorErrorBorder: gmThemeColors.error,
+    colorInfo: gmThemeColors.primary,
+    colorInfoBg: gmThemeColors.infoBg,
+    colorInfoBorder: gmThemeColors.primary,
+    controlOutline: gmThemeColors.primaryOutline,
+    colorWarningOutline: gmThemeColors.warningOutline,
+    colorErrorOutline: gmThemeColors.errorOutline,
+    colorBorder: "#d9d9d9",
+    colorFillQuaternary: "#f5f5f5",
+    colorTextDisabled: gmThemeColors.disabled,
+    borderRadius: 4
+  },
+  components: {
+    Modal: {
+      borderRadiusLG: 8
+    },
+    // 恢复 antd4 Table 行高: antd5 Table 默认 middle size, 用 cellPaddingBlockMD/InlineMD(非 cellPaddingBlock)
+    Table: {
+      headerBg: "#fafafa",
+      headerColor: "#1f1f1f",
+      rowHoverBg: "#f5f5f5",
+      rowSelectedBg: gmThemeColors.primaryBg,
+      rowSelectedHoverBg: gmThemeColors.primaryBg,
+      cellPaddingBlock: 16,
+      cellPaddingBlockMD: 16,
+      cellPaddingInline: 16,
+      cellPaddingInlineMD: 16
+    }
   }
   // 不开 cssVar: 在部分消费方(React17 + ConfigProvider)环境下 cssVar 注入不完整,
   // 导致 border-color 等 var(--ant-color-border) 解析为空 → 边框透明。
-  // 用默认 cssinjs 直接色值更稳。global.ts 的 var(--ant-color-primary-bg, #c3daff) 有 fallback。
+  // 用默认 cssinjs 直接色值更稳。global.ts 会补齐 GM/antd 变量桥接。
 };
 var theme_default = gmTheme;
 var globalCSS = `
 /* GM global component overrides - replaces reset_component.less */
 
+/* GM theme variable bridge for legacy antd4-style CSS vars and antd5 token vars. */
+:root,
+html {
+  --gm-color-primary: ${gmThemeColors.primary};
+  --gm-color-bg-primary: ${gmThemeColors.primary};
+  --gm-color-bg-primary-light: ${gmThemeColors.primaryBgLight};
+  --gm-color-bg-primary-more-light: ${gmThemeColors.primaryBgMoreLight};
+  --gm-color-primary-active: ${gmThemeColors.primaryActive};
+  --gm-color-bg-primary-active: ${gmThemeColors.primaryActive};
+  --gm-color-border-primary: ${gmThemeColors.primary};
+  --gm-color-table-td-active: ${gmThemeColors.primaryBg};
+  --gm-color-success: ${gmThemeColors.success};
+  --gm-color-danger: ${gmThemeColors.error};
+  --gm-color-link: ${gmThemeColors.primary};
+  --gm-color-bg-success: ${gmThemeColors.success};
+  --gm-color-bg-danger: ${gmThemeColors.dangerBg};
+  --gm-color-success-active: ${gmThemeColors.successActive};
+  --gm-color-danger-active: ${gmThemeColors.dangerActive};
+  --gm-color-bg-success-active: ${gmThemeColors.successActive};
+  --gm-color-bg-danger-active: ${gmThemeColors.dangerActive};
+  --ant-primary-color: ${gmThemeColors.primary};
+  --ant-primary-color-hover: ${gmThemeColors.primaryHover};
+  --ant-primary-color-active: ${gmThemeColors.primaryActive};
+  --ant-primary-color-outline: ${gmThemeColors.primaryOutline};
+  --ant-primary-1: ${gmThemeColors.primaryBgMoreLight};
+  --ant-primary-2: ${gmThemeColors.primaryBgLight};
+  --ant-primary-3: ${gmThemeColors.primaryBg};
+  --ant-primary-4: ${gmThemeColors.primary};
+  --ant-primary-5: ${gmThemeColors.primary};
+  --ant-primary-6: ${gmThemeColors.primary};
+  --ant-primary-7: ${gmThemeColors.primaryActive};
+  --ant-primary-color-deprecated-pure: ${gmThemeColors.primaryActive};
+  --ant-primary-color-deprecated-l-35: ${gmThemeColors.primaryBgMoreLight};
+  --ant-primary-color-deprecated-l-20: ${gmThemeColors.primaryBgLight};
+  --ant-primary-color-deprecated-t-20: ${gmThemeColors.primary};
+  --ant-primary-color-deprecated-t-50: ${gmThemeColors.primaryBgLight};
+  --ant-primary-color-deprecated-f-12: ${gmThemeColors.primaryOutlineLight};
+  --ant-primary-color-active-deprecated-f-30: rgba(178, 213, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: ${gmThemeColors.primaryBgLight};
+  --ant-success-color: ${gmThemeColors.success};
+  --ant-success-color-hover: ${gmThemeColors.success};
+  --ant-success-color-active: ${gmThemeColors.successActive};
+  --ant-success-color-outline: ${gmThemeColors.successOutline};
+  --ant-success-color-deprecated-bg: ${gmThemeColors.successBg};
+  --ant-success-color-deprecated-border: ${gmThemeColors.success};
+  --ant-error-color: ${gmThemeColors.error};
+  --ant-error-color-hover: ${gmThemeColors.error};
+  --ant-error-color-active: ${gmThemeColors.errorActive};
+  --ant-error-color-outline: ${gmThemeColors.errorOutline};
+  --ant-error-color-deprecated-bg: ${gmThemeColors.errorBg};
+  --ant-error-color-deprecated-border: ${gmThemeColors.error};
+  --ant-warning-color: ${gmThemeColors.warning};
+  --ant-warning-color-hover: ${gmThemeColors.warning};
+  --ant-warning-color-active: ${gmThemeColors.warningActive};
+  --ant-warning-color-outline: ${gmThemeColors.warningOutline};
+  --ant-warning-color-deprecated-bg: ${gmThemeColors.warningBg};
+  --ant-warning-color-deprecated-border: ${gmThemeColors.warning};
+  --ant-info-color: ${gmThemeColors.primary};
+  --ant-info-color-deprecated-bg: ${gmThemeColors.infoBg};
+  --ant-info-color-deprecated-border: ${gmThemeColors.primary};
+  --ant-disabled-color: ${gmThemeColors.disabled};
+  --ant-color-primary: ${gmThemeColors.primary};
+  --ant-color-primary-hover: ${gmThemeColors.primaryHover};
+  --ant-color-primary-active: ${gmThemeColors.primaryActive};
+  --ant-color-primary-bg: ${gmThemeColors.primaryBg};
+  --ant-color-primary-bg-hover: ${gmThemeColors.primaryBgLight};
+  --ant-color-primary-border: ${gmThemeColors.primary};
+  --ant-color-primary-border-hover: ${gmThemeColors.primaryHover};
+  --ant-color-primary-text: ${gmThemeColors.primary};
+  --ant-color-primary-text-hover: ${gmThemeColors.primaryHover};
+  --ant-color-primary-text-active: ${gmThemeColors.primaryActive};
+  --ant-color-link: ${gmThemeColors.primary};
+  --ant-color-link-hover: ${gmThemeColors.primaryHover};
+  --ant-color-link-active: ${gmThemeColors.primaryActive};
+  --ant-color-success: ${gmThemeColors.success};
+  --ant-color-success-bg: ${gmThemeColors.successBg};
+  --ant-color-success-border: ${gmThemeColors.success};
+  --ant-color-warning: ${gmThemeColors.warning};
+  --ant-color-warning-bg: ${gmThemeColors.warningBg};
+  --ant-color-warning-border: ${gmThemeColors.warning};
+  --ant-color-error: ${gmThemeColors.error};
+  --ant-color-error-bg: ${gmThemeColors.errorBg};
+  --ant-color-error-border: ${gmThemeColors.error};
+  --ant-color-info: ${gmThemeColors.primary};
+  --ant-color-info-bg: ${gmThemeColors.infoBg};
+  --ant-color-info-border: ${gmThemeColors.primary};
+  --ant-control-outline: ${gmThemeColors.primaryOutline};
+  --ant-color-border: #d9d9d9;
+  --ant-color-fill-quaternary: #f5f5f5;
+  --ant-color-text-disabled: ${gmThemeColors.disabled};
+}
+
 /* Button: remove shadows */
 .ant-btn,
 .ant-btn-primary {
@@ -4010,6 +4275,31 @@ var globalCSS = `
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
 }
+.ant-modal .ant-modal-content {
+  padding: 0;
+  overflow: hidden;
+  border-radius: 8px;
+}
+.ant-modal .ant-modal-header {
+  padding: 16px 24px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #f0f0f0;
+  border-radius: 8px 8px 0 0;
+}
+.ant-modal .ant-modal-body {
+  padding: 24px;
+}
+.ant-modal .ant-modal-footer {
+  padding: 10px 16px;
+  margin-top: 0;
+  border-top: 1px solid #f0f0f0;
+  border-radius: 0 0 8px 8px;
+}
+.ant-modal .ant-modal-close-icon {
+  width: 16px;
+  height: 16px;
+  font-size: 12px;
+}
 
 /* GM footer positioning */
 .ant-modal .gm-modal-footer,
@@ -4022,7 +4312,7 @@ var globalCSS = `
   padding: 10px 16px;
   text-align: right;
   background-color: #fff;
-  border-top: 1px solid #e9e9e9;
+  border-top: 1px solid #f0f0f0;
 }
 .ant-modal .gm-modal-footer .ant-btn,
 .ant-drawer .gm-drawer-footer .ant-btn {
@@ -4058,11 +4348,22 @@ var globalCSS = `
 .ant-modal-confirm-content {
   word-break: break-all;
 }
+.ant-modal-confirm .ant-modal-confirm-body-wrapper {
+  padding: 24px;
+}
 
 /* Modal confirm title bold */
 .ant-modal-confirm-body .ant-modal-confirm-title {
   font-weight: 600;
 }
+.ant-modal-confirm .ant-btn {
+  border: none;
+  border-radius: 4px;
+}
+.ant-modal-confirm .ant-btn-default {
+  color: var(--ant-primary-color, var(--gm-color-primary, #0363ff));
+  background-color: #f2f3f4;
+}
 
 /* Table: thead/tbody height 48px */
 .ant-table .ant-table-thead tr {
@@ -4071,6 +4372,9 @@ var globalCSS = `
 .ant-table .ant-table-thead tr th {
   height: 48px;
   padding: 0 16px;
+  color: #1f1f1f;
+  font-weight: 500;
+  background-color: #fafafa;
 }
 .ant-table .ant-table-tbody > tr.ant-table-row {
   height: 48px;
@@ -4084,7 +4388,7 @@ var globalCSS = `
   background-color: #f5f5f5;
 }
 .ant-table .ant-table-tbody > tr.ant-table-row-selected > td {
-  background-color: var(--ant-color-primary-bg, #c3daff);
+  background-color: var(--gm-color-table-td-active, #b2d5ff);
 }
 
 /* Tabs title 16px */
@@ -4107,7 +4411,7 @@ var globalCSS = `
 
 /* Lightgrey button variant */
 .ant-btn.lightgrey {
-  color: var(--ant-color-primary);
+  color: var(--ant-color-primary, var(--gm-color-primary, #0363ff));
   background-color: #f2f3f4;
   border-style: none;
 }
@@ -4128,20 +4432,36 @@ var globalCSS = `
 .ant-select-outlined:not(.ant-select-borderless):not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector,
 .ant-picker-outlined:not(.ant-picker-borderless):not(.ant-picker-disabled),
 .ant-input-outlined:not(.ant-input-borderless),
+.ant-input-affix-wrapper.ant-input-outlined:not(.ant-input-borderless):not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning),
 .ant-input-number-outlined:not(.ant-input-number-borderless),
 .ant-pagination .ant-pagination-item:not(.ant-pagination-item-disabled) {
   border-color: #d9d9d9;
 }
+.ant-input-affix-wrapper.ant-input-outlined:not(.ant-input-borderless):not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning):hover {
+  border-color: var(--ant-color-primary-hover, var(--ant-primary-color-hover, #2b84ff));
+}
+.ant-input-affix-wrapper.ant-input-outlined:not(.ant-input-borderless):not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning).ant-input-affix-wrapper-focused,
+.ant-input-affix-wrapper.ant-input-outlined:not(.ant-input-borderless):not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning):focus,
+.ant-input-affix-wrapper.ant-input-outlined:not(.ant-input-borderless):not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-status-error):not(.ant-input-affix-wrapper-status-warning):focus-within {
+  border-color: var(--ant-color-primary, var(--ant-primary-color, var(--gm-color-primary, #0363ff)));
+  box-shadow: 0 0 0 2px var(--ant-control-outline, rgba(3, 99, 255, 0.16));
+}
 `;
-var injected = false;
+var GM_GLOBAL_STYLE_ATTR = "data-gm-antd";
+var GM_GLOBAL_STYLE_VALUE = "global";
 var GMGlobalStyle = () => {
-  React28.useEffect(() => {
-    if (injected || typeof document === "undefined") return;
-    const style = document.createElement("style");
-    style.setAttribute("data-gm-antd", "global");
-    style.textContent = globalCSS;
-    document.head.appendChild(style);
-    injected = true;
+  React28.useLayoutEffect(() => {
+    if (typeof document === "undefined") return;
+    const selector = `style[${GM_GLOBAL_STYLE_ATTR}="${GM_GLOBAL_STYLE_VALUE}"]`;
+    let style = document.querySelector(selector);
+    if (!style) {
+      style = document.createElement("style");
+      style.setAttribute(GM_GLOBAL_STYLE_ATTR, GM_GLOBAL_STYLE_VALUE);
+      document.head.appendChild(style);
+    }
+    if (style.textContent !== globalCSS) {
+      style.textContent = globalCSS;
+    }
   }, []);
   return null;
 };
@@ -4154,6 +4474,7 @@ Object.defineProperty(exports, "message", {
   get: function () { return antd.message; }
 });
 exports.AutoComplete = AutoComplete_default;
+exports.BatchActions = BatchActions_default;
 exports.Button = GmButton_default;
 exports.Cascader = Cascader_default;
 exports.ContentWrapper = ContentWrapper_default;