@lark-apaas/miaoda-inspector 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/es/config/{ui-config.js → ui-config.mjs}

@@ -1,339 +1,116 @@
-export const defaultUIConfig = {
+import "../chunk-I4E63NIC.mjs";
+const defaultUIConfig = {
   version: "1.0.0",
   common: {
     fontSize: {
       type: "select",
       options: [
-        {
-          value: "text-xs",
-          label: "xs(12px)",
-          rawValue: "12"
-        },
-        {
-          value: "text-sm",
-          label: "sm(14px)",
-          rawValue: "14"
-        },
-        {
-          value: "text-base",
-          label: "base(16px)",
-          rawValue: "16"
-        },
-        {
-          value: "text-lg",
-          label: "lg(18px)",
-          rawValue: "18"
-        },
-        {
-          value: "text-xl",
-          label: "xl(20px)",
-          rawValue: "20"
-        },
-        {
-          value: "text-2xl",
-          label: "2xl(24px)",
-          rawValue: "24"
-        },
-        {
-          value: "text-3xl",
-          label: "3xl(30px)",
-          rawValue: "30"
-        },
-        {
-          value: "text-4xl",
-          label: "4xl(36px)",
-          rawValue: "36"
-        },
-        {
-          value: "text-5xl",
-          label: "5xl(48px)",
-          rawValue: "48"
-        },
-        {
-          value: "text-6xl",
-          label: "6xl(60px)",
-          rawValue: "60"
-        },
-        {
-          value: "text-7xl",
-          label: "7xl(72px)",
-          rawValue: "72"
-        },
-        {
-          value: "text-8xl",
-          label: "8xl(96px)",
-          rawValue: "96"
-        },
-        {
-          value: "text-9xl",
-          label: "9xl(128px)",
-          rawValue: "128"
-        }
+        { value: "text-xs", label: "xs(12px)", rawValue: "12" },
+        { value: "text-sm", label: "sm(14px)", rawValue: "14" },
+        { value: "text-base", label: "base(16px)", rawValue: "16" },
+        { value: "text-lg", label: "lg(18px)", rawValue: "18" },
+        { value: "text-xl", label: "xl(20px)", rawValue: "20" },
+        { value: "text-2xl", label: "2xl(24px)", rawValue: "24" },
+        { value: "text-3xl", label: "3xl(30px)", rawValue: "30" },
+        { value: "text-4xl", label: "4xl(36px)", rawValue: "36" },
+        { value: "text-5xl", label: "5xl(48px)", rawValue: "48" },
+        { value: "text-6xl", label: "6xl(60px)", rawValue: "60" },
+        { value: "text-7xl", label: "7xl(72px)", rawValue: "72" },
+        { value: "text-8xl", label: "8xl(96px)", rawValue: "96" },
+        { value: "text-9xl", label: "9xl(128px)", rawValue: "128" }
       ]
     },
     fontWeight: {
       type: "select",
       options: [
-        {
-          value: "font-thin",
-          label: "极细（Thin）",
-          rawValue: "100"
-        },
+        { value: "font-thin", label: "\u6781\u7EC6\uFF08Thin\uFF09", rawValue: "100" },
         {
           value: "font-extralight",
-          label: "极轻（Extra Light）",
+          label: "\u6781\u8F7B\uFF08Extra Light\uFF09",
           rawValue: "200"
         },
-        {
-          value: "font-light",
-          label: "轻（Light）",
-          rawValue: "300"
-        },
-        {
-          value: "font-normal",
-          label: "常规（Normal）",
-          rawValue: "400"
-        },
-        {
-          value: "font-medium",
-          label: "中粗（Medium）",
-          rawValue: "500"
-        },
-        {
-          value: "font-semibold",
-          label: "半粗（Semi Bold）",
-          rawValue: "600"
-        },
-        {
-          value: "font-bold",
-          label: "粗（Bold）",
-          rawValue: "700"
-        },
+        { value: "font-light", label: "\u8F7B\uFF08Light\uFF09", rawValue: "300" },
+        { value: "font-normal", label: "\u5E38\u89C4\uFF08Normal\uFF09", rawValue: "400" },
+        { value: "font-medium", label: "\u4E2D\u7C97\uFF08Medium\uFF09", rawValue: "500" },
+        { value: "font-semibold", label: "\u534A\u7C97\uFF08Semi Bold\uFF09", rawValue: "600" },
+        { value: "font-bold", label: "\u7C97\uFF08Bold\uFF09", rawValue: "700" },
         {
           value: "font-extrabold",
-          label: "极粗（Extra Bold）",
+          label: "\u6781\u7C97\uFF08Extra Bold\uFF09",
           rawValue: "800"
         },
-        {
-          value: "font-black",
-          label: "黑体（Black）",
-          rawValue: "900"
-        }
+        { value: "font-black", label: "\u9ED1\u4F53\uFF08Black\uFF09", rawValue: "900" }
       ]
     },
     borderRadius: {
       type: "select",
       options: [
-        {
-          value: "rounded-none",
-          label: "none（0px）",
-          rawValue: "0"
-        },
-        {
-          value: "rounded-sm",
-          label: "sm (2px)",
-          rawValue: "2"
-        },
-        {
-          value: "rounded",
-          label: "s (4px)",
-          rawValue: "4"
-        },
-        {
-          value: "rounded-md",
-          label: "m (6px)",
-          rawValue: "6"
-        },
-        {
-          value: "rounded-lg",
-          label: "l (8px)",
-          rawValue: "8"
-        },
-        {
-          value: "rounded-xl",
-          label: "xl (12px)",
-          rawValue: "12"
-        },
+        { value: "rounded-none", label: "none\uFF080px\uFF09", rawValue: "0" },
+        { value: "rounded-sm", label: "sm (2px)", rawValue: "2" },
+        { value: "rounded", label: "s (4px)", rawValue: "4" },
+        { value: "rounded-md", label: "m (6px)", rawValue: "6" },
+        { value: "rounded-lg", label: "l (8px)", rawValue: "8" },
+        { value: "rounded-xl", label: "xl (12px)", rawValue: "12" },
         // TODO：为啥都没了？
         // { value: 'rounded-2xl', label: translate('2xl (16px)') },
         // { value: 'rounded-3xl', label: translate('3xl (24px)') },
-        {
-          value: "rounded-full",
-          label: "Full",
-          rawValue: "9999"
-        }
+        { value: "rounded-full", label: "Full", rawValue: "9999" }
       ]
     },
     borderWidth: {
       type: "select",
       options: [
-        {
-          value: "border-0",
-          label: "0px",
-          rawValue: "0"
-        },
-        {
-          value: "border",
-          label: "1px",
-          rawValue: "1"
-        },
-        {
-          value: "border-2",
-          label: "2px",
-          rawValue: "2"
-        },
-        {
-          value: "border-4",
-          label: "4px",
-          rawValue: "4"
-        },
-        {
-          value: "border-8",
-          label: "8px",
-          rawValue: "8"
-        }
+        { value: "border-0", label: "0px", rawValue: "0" },
+        { value: "border", label: "1px", rawValue: "1" },
+        { value: "border-2", label: "2px", rawValue: "2" },
+        { value: "border-4", label: "4px", rawValue: "4" },
+        { value: "border-8", label: "8px", rawValue: "8" }
       ]
     },
     textAlign: {
       type: "select",
       options: [
-        {
-          value: "text-left",
-          label: "Left",
-          rawValue: "left"
-        },
-        {
-          value: "text-center",
-          label: "Center",
-          rawValue: "center"
-        },
-        {
-          value: "text-right",
-          label: "Right",
-          rawValue: "right"
-        },
-        {
-          value: "text-justify",
-          label: "Justify",
-          rawValue: "justify"
-        }
+        { value: "text-left", label: "Left", rawValue: "left" },
+        { value: "text-center", label: "Center", rawValue: "center" },
+        { value: "text-right", label: "Right", rawValue: "right" },
+        { value: "text-justify", label: "Justify", rawValue: "justify" }
       ]
     },
     padding: {
       type: "spacing",
       options: [
-        {
-          label: "0",
-          value: "0",
-          rawValue: "0"
-        },
-        {
-          label: "4",
-          value: "4",
-          rawValue: "4"
-        },
-        {
-          label: "8",
-          value: "8",
-          rawValue: "8"
-        },
-        {
-          label: "12",
-          value: "12",
-          rawValue: "12"
-        },
-        {
-          label: "16",
-          value: "16",
-          rawValue: "16"
-        },
-        {
-          label: "20",
-          value: "20",
-          rawValue: "20"
-        },
-        {
-          label: "24",
-          value: "24",
-          rawValue: "24"
-        },
-        {
-          label: "32",
-          value: "32",
-          rawValue: "32"
-        },
-        {
-          label: "36",
-          value: "36",
-          rawValue: "36"
-        },
-        {
-          label: "40",
-          value: "40",
-          rawValue: "40"
-        }
+        { label: "0", value: "0", rawValue: "0" },
+        { label: "4", value: "4", rawValue: "4" },
+        { label: "8", value: "8", rawValue: "8" },
+        { label: "12", value: "12", rawValue: "12" },
+        { label: "16", value: "16", rawValue: "16" },
+        { label: "20", value: "20", rawValue: "20" },
+        { label: "24", value: "24", rawValue: "24" },
+        { label: "32", value: "32", rawValue: "32" },
+        { label: "36", value: "36", rawValue: "36" },
+        { label: "40", value: "40", rawValue: "40" }
       ]
     },
     margin: {
       type: "spacing",
       options: [
-        {
-          label: "0",
-          value: "0",
-          rawValue: "0"
-        },
-        {
-          label: "4",
-          value: "4",
-          rawValue: "4"
-        },
-        {
-          label: "8",
-          value: "8",
-          rawValue: "8"
-        },
-        {
-          label: "12",
-          value: "12",
-          rawValue: "12"
-        },
-        {
-          label: "16",
-          value: "16",
-          rawValue: "16"
-        },
-        {
-          label: "20",
-          value: "20",
-          rawValue: "20"
-        },
-        {
-          label: "24",
-          value: "24",
-          rawValue: "24"
-        },
-        {
-          label: "32",
-          value: "32",
-          rawValue: "32"
-        },
-        {
-          label: "36",
-          value: "36",
-          rawValue: "36"
-        },
-        {
-          label: "40",
-          value: "40",
-          rawValue: "40"
-        }
+        { label: "0", value: "0", rawValue: "0" },
+        { label: "4", value: "4", rawValue: "4" },
+        { label: "8", value: "8", rawValue: "8" },
+        { label: "12", value: "12", rawValue: "12" },
+        { label: "16", value: "16", rawValue: "16" },
+        { label: "20", value: "20", rawValue: "20" },
+        { label: "24", value: "24", rawValue: "24" },
+        { label: "32", value: "32", rawValue: "32" },
+        { label: "36", value: "36", rawValue: "36" },
+        { label: "40", value: "40", rawValue: "40" }
       ]
     },
     color: {
       type: "color-picker",
       recommendColors: [
         {
-          title: "中性色",
+          title: "\u4E2D\u6027\u8272",
           options: [
             {
               value: "text-neutral-00",
@@ -427,7 +204,7 @@ export const defaultUIConfig = {
       type: "color-picker",
       recommendColors: [
         {
-          title: "中性色",
+          title: "\u4E2D\u6027\u8272",
           options: [
             {
               value: "bg-neutral-00",
@@ -521,7 +298,7 @@ export const defaultUIConfig = {
       type: "color-picker",
       recommendColors: [
         {
-          title: "中性色",
+          title: "\u4E2D\u6027\u8272",
           options: [
             {
               value: "border-neutral-00",
@@ -785,3 +562,6 @@ export const defaultUIConfig = {
     "cyan-950": "#072b3d"
   }
 };
+export {
+  defaultUIConfig
+};

package/dist/es/index.mjs

@@ -0,0 +1,7 @@
+import "./chunk-I4E63NIC.mjs";
+import { MiaodaInspector } from "./MiaodaInspector";
+import { isOutgoingMessage } from "./utils";
+export {
+  MiaodaInspector,
+  isOutgoingMessage
+};

package/dist/es/types/index.mjs

@@ -0,0 +1,27 @@
+import "../chunk-I4E63NIC.mjs";
+import {
+  InitConfigMessage,
+  ClearSelectedMessage,
+  EditTextMessage,
+  EditStyleMessage,
+  EditClassNameMessage,
+  OutgoingMessage,
+  PageMountedMessage,
+  TextUpdateMessage,
+  SelectInspectorElementMessage,
+  IncomingMessage,
+  InspectorInfo
+} from "./iframe-events";
+export {
+  ClearSelectedMessage,
+  EditClassNameMessage,
+  EditStyleMessage,
+  EditTextMessage,
+  IncomingMessage,
+  InitConfigMessage,
+  InspectorInfo,
+  OutgoingMessage,
+  PageMountedMessage,
+  SelectInspectorElementMessage,
+  TextUpdateMessage
+};

package/dist/es/utils/{config-mapper.js → config-mapper.mjs}

@@ -1,55 +1,7 @@
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  source = source != null ? source : {};
-  if (Object.getOwnPropertyDescriptors) {
-    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-  } else {
-    ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-I4E63NIC.mjs";
 function getColorStyleCalculationConfig(config, propertyName) {
   const prefixMap = {
     color: "text",
@@ -93,13 +45,15 @@ function getColorStyleCalculationConfig(config, propertyName) {
     transformValue: (value) => value.toLowerCase()
   };
 }
-export function getStyleCalculationConfig(config, propertyName) {
+function getStyleCalculationConfig(config, propertyName) {
   const uiComponent = config.common[propertyName];
   if (uiComponent.type === "color-picker") {
     return getColorStyleCalculationConfig(config, propertyName);
   }
   if (uiComponent.type !== "select" && uiComponent.type !== "spacing") {
-    throw new Error(`Unsupported UI component type: ${uiComponent.type} for property: ${propertyName}`);
+    throw new Error(
+      `Unsupported UI component type: ${uiComponent.type} for property: ${propertyName}`
+    );
   }
   const map = {};
   for (const option of uiComponent.options) {
@@ -149,11 +103,11 @@ export function getStyleCalculationConfig(config, propertyName) {
   if (!baseConfig) {
     throw new Error(`Unknown property: ${propertyName}`);
   }
-  return _object_spread_props(_object_spread({}, baseConfig), {
+  return __spreadProps(__spreadValues({}, baseConfig), {
     map
   });
 }
-export function getAllStyleConfigs(config) {
+function getAllStyleConfigs(config) {
   const result = {};
   const keys = Object.keys(config.common);
   for (const key of keys) {
@@ -161,3 +115,7 @@ export function getAllStyleConfigs(config) {
   }
   return result;
 }
+export {
+  getAllStyleConfigs,
+  getStyleCalculationConfig
+};

package/dist/es/utils/{css.js → css.mjs}

@@ -1,5 +1,9 @@
+import "../chunk-I4E63NIC.mjs";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-export function cx(...args) {
+function cx(...args) {
   return twMerge(clsx(...args));
 }
+export {
+  cx
+};

package/dist/es/utils/index.mjs

@@ -0,0 +1,37 @@
+import "../chunk-I4E63NIC.mjs";
+import {
+  getPreviewParentOrigin,
+  postMessage,
+  isIncomingMessage,
+  isOutgoingMessage
+} from "./origin";
+import { cx } from "./css";
+import {
+  calculateFontSizeInfo,
+  calculateFontWeightInfo,
+  calculateBorderRadiusInfo,
+  calculateBorderWidthInfo,
+  calculateTextAlignInfo,
+  calculatePaddingInfo,
+  calculateMarginInfo,
+  calculateColorInfo,
+  calculateBackgroundColorInfo,
+  calculateBorderColorInfo
+} from "./style-calculator";
+export {
+  calculateBackgroundColorInfo,
+  calculateBorderColorInfo,
+  calculateBorderRadiusInfo,
+  calculateBorderWidthInfo,
+  calculateColorInfo,
+  calculateFontSizeInfo,
+  calculateFontWeightInfo,
+  calculateMarginInfo,
+  calculatePaddingInfo,
+  calculateTextAlignInfo,
+  cx,
+  getPreviewParentOrigin,
+  isIncomingMessage,
+  isOutgoingMessage,
+  postMessage
+};

package/dist/es/utils/origin.mjs

@@ -0,0 +1,26 @@
+import "../chunk-I4E63NIC.mjs";
+function getPreviewParentOrigin() {
+  const { origin } = window.location;
+  if (origin.includes("feishuapp.cn")) {
+    return "https://miaoda.feishu.cn";
+  }
+  if (origin.includes("fsapp.kundou.cn")) {
+    return "https://miaoda.feishu-pre.cn";
+  }
+  return "https://miaoda.feishu-boe.cn";
+}
+function postMessage(message, targetOrigin) {
+  window.parent.postMessage(message, targetOrigin != null ? targetOrigin : getPreviewParentOrigin());
+}
+function isOutgoingMessage(msg, type) {
+  return msg.type === type;
+}
+function isIncomingMessage(msg, type) {
+  return msg.type === type;
+}
+export {
+  getPreviewParentOrigin,
+  isIncomingMessage,
+  isOutgoingMessage,
+  postMessage
+};