@lark-apaas/miaoda-inspector-jsx-runtime 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/lib/MiaodaWrapper.js

@@ -0,0 +1,198 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 MiaodaWrapper_exports = {};
+__export(MiaodaWrapper_exports, {
+  default: () => MiaodaWrapper_default
+});
+module.exports = __toCommonJS(MiaodaWrapper_exports);
+var import_react = __toESM(require("react"));
+let uid = 1;
+if (typeof window !== "undefined") {
+  window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__ = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__ || {
+    __registry: /* @__PURE__ */ new Map(),
+    setProps(id, newProps) {
+      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
+      if (inst) inst.setProps(newProps);
+      else console.warn("[miaoda] no instance", id);
+    },
+    setIconProps(id, propName, newIconName) {
+      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
+      if (inst) inst.setIconProps(propName, newIconName);
+      else console.warn("[miaoda] no instance", id);
+    },
+    getProps(id) {
+      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
+      return inst ? inst.getProps() : null;
+    },
+    unmount(id) {
+      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
+      if (inst) inst.unmount();
+      else console.warn("[miaoda] no instance", id);
+    }
+  };
+}
+function useInstanceId(providedId) {
+  const idRef = (0, import_react.useRef)(providedId || `miaoda-${uid++}`);
+  return idRef.current;
+}
+const Icon = (0, import_react.forwardRef)(function Icon2(props, ref) {
+  const _a = props || {}, {
+    size = "1em",
+    wrapperProps,
+    name = "a-arrow-down"
+  } = _a, svgProps = __objRest(_a, [
+    "size",
+    "wrapperProps",
+    "name"
+  ]);
+  const spanProps = __spreadProps(__spreadValues({
+    ref
+  }, wrapperProps || {}), {
+    className: `anticon${(wrapperProps == null ? void 0 : wrapperProps.className) ? ` ${wrapperProps.className}` : ""}`
+  });
+  const svg = import_react.default.createElement(
+    "svg",
+    __spreadValues({
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, svgProps),
+    import_react.default.createElement("use", { xlinkHref: `#${name}` })
+  );
+  return import_react.default.createElement("span", spanProps, svg);
+});
+const MiaodaWrapper = (0, import_react.forwardRef)(function MiaodaWrapper2(props, forwardedRef) {
+  const _a = props, {
+    Comp: currentComp,
+    children,
+    "data-miaoda-id": providedId
+  } = _a, rest = __objRest(_a, [
+    "Comp",
+    "children",
+    "data-miaoda-id"
+  ]);
+  const instanceId = useInstanceId(providedId);
+  const mountedRef = (0, import_react.useRef)(true);
+  const [injectedProps, setInjectedProps] = (0, import_react.useState)({});
+  const [iconPropsMap, setIconPropsMap] = (0, import_react.useState)({});
+  const originalProps = currentComp && currentComp.props || {};
+  (0, import_react.useEffect)(() => {
+    mountedRef.current = true;
+    const api = {
+      setProps: (p) => {
+        if (!mountedRef.current) return;
+        setInjectedProps((prev) => __spreadValues(__spreadValues({}, prev), p));
+      },
+      setIconProps: (propName, newIconName) => {
+        if (!mountedRef.current) return;
+        setIconPropsMap((prev) => __spreadProps(__spreadValues({}, prev), { [propName]: newIconName }));
+      },
+      getProps: () => __spreadValues(__spreadValues(__spreadValues({}, originalProps), rest), injectedProps),
+      unmount: () => {
+        mountedRef.current = false;
+        window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.delete(instanceId);
+      }
+    };
+    window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.set(instanceId, api);
+    return () => {
+      mountedRef.current = false;
+      window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.delete(instanceId);
+    };
+  }, [instanceId, rest]);
+  const mergedProps = Object.assign({}, originalProps, rest, injectedProps);
+  Object.keys(iconPropsMap).forEach((iconKey) => {
+    const newIconName = iconPropsMap[iconKey];
+    if (!newIconName) {
+      return;
+    }
+    mergedProps[iconKey] = import_react.default.createElement(Icon, { name: newIconName });
+  });
+  let finalChildren = children;
+  if (typeof injectedProps.children === "string") {
+    finalChildren = injectedProps.children;
+  }
+  let rendered;
+  if (import_react.default.isValidElement(currentComp)) {
+    rendered = import_react.default.cloneElement(
+      currentComp,
+      Object.assign({}, mergedProps, { ref: forwardedRef }),
+      finalChildren
+    );
+  } else if (typeof currentComp === "function" || typeof currentComp === "object") {
+    rendered = import_react.default.createElement(
+      currentComp,
+      Object.assign({}, mergedProps, { ref: forwardedRef }),
+      finalChildren
+    );
+  } else {
+    rendered = finalChildren || null;
+  }
+  if (import_react.default.isValidElement(rendered)) {
+    return import_react.default.cloneElement(rendered, {
+      "data-miaoda-id": instanceId,
+      "data-miaoda-wrapped": "true",
+      ref: forwardedRef
+    });
+  }
+  return rendered;
+});
+var MiaodaWrapper_default = MiaodaWrapper;

package/dist/lib/index.js

@@ -1 +1,25 @@
-export { jsxDEV, jsxDEVs, Fragment } from './jsx-dev-runtime';
+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);
+var index_exports = {};
+__export(index_exports, {
+  Fragment: () => import_jsx_dev_runtime.Fragment,
+  jsxDEV: () => import_jsx_dev_runtime.jsxDEV,
+  jsxDEVs: () => import_jsx_dev_runtime.jsxDEVs
+});
+module.exports = __toCommonJS(index_exports);
+var import_jsx_dev_runtime = require("./jsx-dev-runtime");

package/dist/lib/jsx-dev-runtime.js

@@ -1,29 +1,71 @@
-import { jsx as jsxDEVRuntime, jsxs as jsxsDEVRuntime, Fragment } from 'react/jsx-runtime';
-import MiaodaWrapper from './MiaodaWrapper.jsx';
-
-// 自定义JSX运行时开发环境实现
-export function jsxDEV(type, props, key, isStaticChildren, source, self) {
-  // 处理自定义属性或修改元素行为
-  // 检查是否需要用MiaodaWrapper包裹
-  if (props['data-miaoda-component-name'] === 'Button' && props['data-miaoda-import-source'] === 'antd') {
-    // 使用MiaodaWrapper包裹原始元素
-    return jsxDEVRuntime(
-      MiaodaWrapper,
-      {
-        ...props,
-        Comp: type,
-      },
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 jsx_dev_runtime_exports = {};
+__export(jsx_dev_runtime_exports, {
+  Fragment: () => import_jsx_runtime.Fragment,
+  jsxDEV: () => jsxDEV,
+  jsxDEVs: () => jsxDEVs
+});
+module.exports = __toCommonJS(jsx_dev_runtime_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_MiaodaWrapper = __toESM(require("./MiaodaWrapper"));
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  if (props["data-miaoda-component-name"] === "Button" && props["data-miaoda-import-source"] === "antd") {
+    return (0, import_jsx_runtime.jsx)(
+      import_MiaodaWrapper.default,
+      __spreadProps(__spreadValues({}, props), {
+        Comp: type
+      }),
       key,
       false,
       source,
       self
     );
   }
-  return jsxDEVRuntime(type, props, key, isStaticChildren, source, self);
+  return (0, import_jsx_runtime.jsx)(type, props, key, isStaticChildren, source, self);
 }
-
-export function jsxDEVs(type, props, key, _isStaticChildren, _source, _self) {
-  return jsxsDEVRuntime(type, props, key, _isStaticChildren, _source, _self);
+function jsxDEVs(type, props, key, _isStaticChildren, _source, _self) {
+  return (0, import_jsx_runtime.jsxs)(type, props, key, _isStaticChildren, _source, _self);
 }
-
-export { Fragment };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-inspector-jsx-runtime",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.3",
   "description": "Custom JSX Runtime for Inspector",
   "sideEffects": false,
   "main": "./dist/lib/index.js",
@@ -10,13 +10,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "mkdir -p dist/lib && cp -r src/* dist/lib/",
-    "lint": "eslint . --quiet",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "test:update": "vitest run -u"
-  },
   "dependencies": {},
   "devDependencies": {
     "@testing-library/react": "^12",
@@ -24,10 +17,16 @@
     "@types/node": "^18.17.18",
     "@types/react": "^17",
     "eslint": "^8",
-    "react": "^18",
-    "typescript": "^4"
+    "react": "^18"
   },
   "peerDependencies": {
     "react": "^18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint . --quiet",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "test:update": "vitest run -u"
   }
-}
+}

package/dist/lib/MiaodaWrapper.jsx

@@ -1,158 +0,0 @@
-import React, { useEffect, useRef, useState, forwardRef } from 'react';
-
-let uid = 1;
-
-// 初始化全局控制对象（只创建一次）
-if (typeof window !== 'undefined') {
-  window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__ = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__ || {
-    __registry: new Map(),
-    setProps(id, newProps) {
-      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
-      if (inst) inst.setProps(newProps);
-      else console.warn('[miaoda] no instance', id);
-    },
-    setIconProps(id, propName, newIconName) {
-      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
-      if (inst) inst.setIconProps(propName, newIconName);
-      else console.warn('[miaoda] no instance', id);
-    },
-    getProps(id) {
-      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
-      return inst ? inst.getProps() : null;
-    },
-    unmount(id) {
-      const inst = window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.get(id);
-      if (inst) inst.unmount();
-      else console.warn('[miaoda] no instance', id);
-    },
-  };
-}
-
-// 辅助：获得或生成实例 id
-function useInstanceId(providedId) {
-  const idRef = useRef(providedId || `miaoda-${uid++}`);
-  return idRef.current;
-}
-
-// 内联 Icon 组件（使用 React.createElement，而非 JSX）
-const Icon = forwardRef(function Icon(props, ref) {
-  const { size = '1em', wrapperProps, name = 'a-arrow-down', ...svgProps } = props || {};
-
-  const spanProps = {
-    ref,
-    ...(wrapperProps || {}),
-    className: `anticon${wrapperProps?.className ? ` ${wrapperProps.className}` : ''}`,
-  };
-
-  const svg = React.createElement(
-    'svg',
-    {
-      width: size,
-      height: size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      stroke: 'currentColor',
-      strokeWidth: '2',
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      ...svgProps,
-    },
-    React.createElement('use', { xlinkHref: `#${name}` })
-  );
-
-  return React.createElement('span', spanProps, svg);
-});
-
-const MiaodaWrapper = forwardRef(function MiaodaWrapper(props, forwardedRef) {
-  const { Comp: currentComp, children, 'data-miaoda-id': providedId, ...rest } = props;
-  const instanceId = useInstanceId(providedId);
-  const mountedRef = useRef(true);
-
-  // injectedProps 存放通过 window.miaoda.setProps 注入的运行时 props
-  const [injectedProps, setInjectedProps] = useState({});
-  const [iconPropsMap, setIconPropsMap] = useState({});
-
-  // helper: 得到原始 element 的 props（若 currentComp 是 React element）
-  const originalProps = (currentComp && currentComp.props) || {};
-
-  // 注册到 window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry
-  useEffect(() => {
-    mountedRef.current = true;
-
-    const api = {
-      setProps: (p) => {
-        if (!mountedRef.current) return;
-        // 合并并触发渲染
-        setInjectedProps((prev) => ({ ...prev, ...p }));
-      },
-      setIconProps: (propName, newIconName) => {
-        if (!mountedRef.current) return;
-        setIconPropsMap((prev) => ({ ...prev, [propName]: newIconName }));
-      },
-      getProps: () => ({ ...originalProps, ...rest, ...injectedProps }),
-      unmount: () => {
-        mountedRef.current = false;
-        window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.delete(instanceId);
-      },
-    };
-
-    window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.set(instanceId, api);
-    return () => {
-      mountedRef.current = false;
-      window.__MIAODA_DEVTOOLS_GLOBAL_HOOK__.__registry.delete(instanceId);
-    };
-    // 注意：不要把 injectedProps, originalProps 放到依赖里以免频繁重新注册
-    // eslint-disable-next-line react-hooks/exhaustive-deps, @grncdr/react-hooks/exhaustive-deps
-  }, [instanceId, rest]);
-
-  // 合并 props：原始 props -> wrapper rest props -> injectedProps（优先级后者高）
-  const mergedProps = Object.assign({}, originalProps, rest, injectedProps);
-
-  // 针对每个 icon prop 直接注入 Icon（即使原本没有 icon 也可生效）
-  Object.keys(iconPropsMap).forEach((iconKey) => {
-    const newIconName = iconPropsMap[iconKey];
-    if (!newIconName) {
-      return;
-    }
-    mergedProps[iconKey] = React.createElement(Icon, { name: newIconName });
-  });
-
-  // 处理 children 优先级:
-  // 1. 如果 injectedProps.children 是字符串 -> 覆盖渲染
-  // 2. 否则 fallback 到 children
-  let finalChildren = children;
-  if (typeof injectedProps.children === 'string') {
-    finalChildren = injectedProps.children;
-  }
-
-  // 如果 currentComp 是有效 element，clone 并注入 mergedProps + ref
-  let rendered;
-  if (React.isValidElement(currentComp)) {
-    rendered = React.cloneElement(
-      currentComp,
-      Object.assign({}, mergedProps, { ref: forwardedRef }),
-      finalChildren
-    );
-  } else if (typeof currentComp === 'function' || typeof currentComp === 'object') {
-    rendered = React.createElement(
-      currentComp,
-      Object.assign({}, mergedProps, { ref: forwardedRef }),
-      finalChildren
-    );
-  } else {
-    rendered = finalChildren || null;
-  }
-
-  // 返回带标识属性的 element
-  if (React.isValidElement(rendered)) {
-    return React.cloneElement(rendered, {
-      'data-miaoda-id': instanceId,
-      'data-miaoda-wrapped': 'true',
-      ref: forwardedRef,
-    });
-  }
-
-  return rendered;
-});
-
-export default MiaodaWrapper;