@module-federation/devtools 0.22.0 → 0.23.0

package/dist/es/component/Form/index_module.css

@@ -1,47 +1,198 @@
-.container_20b79 {
+.wrapper_20b79 {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  gap: 18px;
+  color: var(--color-text-1, #1f2937);
 }
-.container_20b79 .checkBox_20b79 {
-  transform: scale(1.25);
+
+.sectionHeader_20b79 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  padding: 12px 16px;
+  background: rgba(228, 228, 231, 0.1);
+  border: 1px solid rgba(228, 228, 231, 0.5);
 }
-.container_20b79 .input_20b79 {
-  margin: 0 1vw 0 0;
+
+.heading_20b79 {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
   flex: 1 1;
 }
-.container_20b79 .delete_20b79 {
-  margin: 0 0 0 1vw;
+
+.titleRow_20b79 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-text-1, #1f2937);
+}
+.titleRow_20b79 .arco-icon {
+  color: rgba(23, 75, 180, 0.9);
+  font-size: 18px;
+}
+
+.title_20b79 {
+  letter-spacing: 0.02em;
 }
 
-.header_20b79 {
+.subtitle_20b79 {
+  font-size: 12px;
+  color: var(--color-text-2, #4b5563);
+  line-height: 1.5;
+}
+
+.headerActions_20b79 {
   display: flex;
   align-items: center;
-  margin: 1vh 0;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.badge_20b79 {
+  transform: scale(1.4);
+  margin-right: 6px;
 }
-.header_20b79 .add_20b79 {
-  margin: 0 0.5vw;
+
+.statusMessage_20b79 {
+  font-size: 12px;
+  color: var(--color-text-2, #4b5563);
+  max-width: 260px;
+  line-height: 1.4;
 }
-.header_20b79 .title_20b79 {
-  margin: 0 0.5vw;
+
+.divider_20b79 {
+  width: 1px;
+  height: 1px;
+  background: rgba(96, 165, 250, 0.3);
 }
-.header_20b79 .status_20b79 {
+
+.hmrArea_20b79 {
   display: flex;
-  flex: 1 1;
-  justify-content: flex-end;
   align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--color-text-2, #4b5563);
 }
-.header_20b79 .status_20b79 .message_20b79 {
-  flex: 1 1;
+
+.switch_20b79 .arco-switch {
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.9));
+  border-color: rgba(96, 165, 250, 0.35);
+  color: var(--color-text-2, #4b5563);
 }
-.header_20b79 .status_20b79 .switch_20b79 {
-  margin-left: 0.5vw;
+.switch_20b79 .arco-switch-checked {
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.9));
+  border-color: rgba(96, 165, 250, 0.35);
 }
-.header_20b79 .headerSlot_20b79 {
+
+.rules_20b79 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.ruleCard_20b79 {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 18px;
+  border-radius: 18px;
+  border: 1px solid rgba(228, 228, 231, 0.5);
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
+  box-shadow: 0 15px 32px rgba(8, 11, 25, 0.45);
+}
+
+.ruleHeader_20b79 {
   display: flex;
   align-items: center;
+  justify-content: space-between;
 }
-.header_20b79 .badge_20b79 {
+
+.toggle_20b79 .arco-checkbox {
+  transform: scale(1.4);
+}
+.toggle_20b79 .arco-checkbox-icon {
+  border-radius: 6px;
+  border-color: rgba(228, 228, 231, 0.5);
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.1));
+}
+.toggle_20b79 .arco-checkbox-checked .arco-checkbox-icon {
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.1));
+  border-color: rgba(228, 228, 231, 0.5);
+}
+
+.inputs_20b79 {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+@media (min-width: 520px) {
+  .inputs_20b79 {
+    flex-direction: row;
+  }
+}
+.field_20b79 {
+  flex: 1 1;
+}
+.field_20b79 .arco-form-item-content {
+  width: 100%;
+}
+.field_20b79 .arco-select-view {
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.1));
+  border: 1px solid rgba(228, 228, 231, 0.5);
+  border-radius: 14px;
+  color: var(--color-text-1, #1f2937);
+  min-height: 42px;
+  padding: 6px 12px;
+}
+.field_20b79 .arco-select-view-input {
+  color: var(--color-text-2, #4b5563);
+}
+.field_20b79 .arco-select-view-placeholder {
+  color: var(--color-text-2, #4b5563);
+}
+
+.dropdown_20b79 {
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
+  border: 1px solid rgba(228, 228, 231, 0.5);
+  box-shadow: 0 16px 30px rgba(8, 11, 25, 0.45);
+}
+.dropdown_20b79 .arco-select-option {
+  color: var(--color-text-2, #4b5563);
+}
+.dropdown_20b79 .arco-select-option:hover,
+.dropdown_20b79 .arco-select-option.arco-select-option-selected {
+  background: rgba(243, 244, 246, var(--form-control-alpha, 0.1));
+}
+
+.delete_20b79 {
+  box-shadow: 0 8px 16px rgba(248, 113, 113, 0.18);
+}
+
+.emptyWrapper_20b79 {
+  border-radius: 16px;
+  border: 1px dashed rgba(228, 228, 231, 0.5);
+  padding: 28px 16px;
+  background: var(--color-bg-1, rgba(255, 255, 255, 0.9));
+  display: flex;
+  justify-content: center;
+}
+
+.empty_20b79 .arco-empty-description {
+  color: var(--color-text-2, #4b5563);
+}
+
+.footerHint_20b79 {
+  font-size: 11px;
+  color: var(--color-text-2, #4b5563);
+  text-align: right;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  align-items: center;
+  justify-content: center;
   display: flex;
-  transform: scale(1.6);
-  margin: 0 0.6vw;
 }

package/dist/es/component/LanguageSwitch.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { Button, Dropdown, Menu } from "@arco-design/web-react";
+import { IconLanguage } from "@arco-design/web-react/icon";
+import { useTranslation } from "react-i18next";
+import { LANGUAGE_STORAGE_KEY } from "../i18n";
+import styles from "./ThemeToggle.module";
+const LANGUAGE_OPTIONS = [
+  { value: "zh-CN", label: "中文" },
+  { value: "en", label: "English" }
+];
+const persistLanguage = (lang) => {
+  var _a;
+  if (typeof window !== "undefined") {
+    try {
+      window.localStorage.setItem(LANGUAGE_STORAGE_KEY, lang);
+    } catch (e) {
+    }
+    const { chrome } = window;
+    const storage = (_a = chrome == null ? void 0 : chrome.storage) == null ? void 0 : _a.local;
+    if (storage && typeof storage.set === "function") {
+      try {
+        storage.set({ [LANGUAGE_STORAGE_KEY]: lang });
+      } catch (e) {
+      }
+    }
+  }
+};
+const LanguageSwitch = () => {
+  var _a;
+  const { i18n } = useTranslation();
+  const current = ((_a = i18n.language) == null ? void 0 : _a.toLowerCase()) || "zh-cn";
+  const value = current.startsWith("en") ? "en" : "zh-CN";
+  const handleChange = (next) => {
+    i18n.changeLanguage(next);
+    persistLanguage(next);
+  };
+  const droplist = /* @__PURE__ */ jsx(Menu, { onClickMenuItem: handleChange, selectedKeys: [value], children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ jsx(Menu.Item, { children: option.label }, option.value)) });
+  return /* @__PURE__ */ jsx(Dropdown, { droplist, trigger: "click", position: "br", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: /* @__PURE__ */ jsx(IconLanguage, {}),
+      size: "default",
+      className: styles.themeToggle
+    }
+  ) });
+};
+var LanguageSwitch_default = LanguageSwitch;
+export {
+  LanguageSwitch_default as default
+};