@module-federation/devtools 0.22.0 → 0.23.0

package/dist/lib/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/lib/component/LanguageSwitch.js

@@ -0,0 +1,80 @@
+"use strict";
+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);
+var LanguageSwitch_exports = {};
+__export(LanguageSwitch_exports, {
+  default: () => LanguageSwitch_default
+});
+module.exports = __toCommonJS(LanguageSwitch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web_react = require("@arco-design/web-react");
+var import_icon = require("@arco-design/web-react/icon");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n");
+var import_ThemeToggle = __toESM(require("./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(import_i18n.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({ [import_i18n.LANGUAGE_STORAGE_KEY]: lang });
+      } catch (e) {
+      }
+    }
+  }
+};
+const LanguageSwitch = () => {
+  var _a;
+  const { i18n } = (0, import_react_i18next.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__ */ (0, import_jsx_runtime.jsx)(import_web_react.Menu, { onClickMenuItem: handleChange, selectedKeys: [value], children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Menu.Item, { children: option.label }, option.value)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web_react.Dropdown, { droplist, trigger: "click", position: "br", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_web_react.Button,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.IconLanguage, {}),
+      size: "default",
+      className: import_ThemeToggle.default.themeToggle
+    }
+  ) });
+};
+var LanguageSwitch_default = LanguageSwitch;