@chamn/render 0.0.1-beta.0

package/src/util/index.ts

@@ -0,0 +1,129 @@
+import { capitalize } from 'lodash-es';
+import { Component, createElement } from 'react';
+import { ContextType } from '../core/adapter';
+import { StoreManager } from '../core/storeManager';
+
+export const isClass = function (val: any) {
+  if (!val) {
+    return false;
+  }
+  if (typeof val !== 'function') {
+    return false;
+  }
+  if (!val.prototype) {
+    return false;
+  }
+  return true;
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+export function shouldConstruct(Component: Function) {
+  const prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+export function canAcceptsRef(Comp: any) {
+  const hasSymbol = typeof Symbol === 'function' && Symbol.for;
+  const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+  return Comp?.$$typeof === REACT_FORWARD_REF_TYPE || Comp?.prototype?.isReactComponent || Comp?.prototype?.setState || Comp._forwardRef;
+}
+
+export function compWrapper(Comp: any) {
+  class WrapperForRef extends Component {
+    render() {
+      // 需要直接调用 react api ,避免被拦截 !!!!
+      return createElement(Comp, this.props);
+    }
+  }
+  (WrapperForRef as any).displayName = Comp.displayName;
+
+  return WrapperForRef as any;
+}
+
+export const runExpression = (expStr: string, context: any) => {
+  const run = (expStr: string) => {
+    const contextVar = Object.keys(context).map((key) => {
+      return `const ${key} = $$context['${key}'];`;
+    });
+    const executeCode = `
+    ${contextVar.join('\n')}
+    return ${expStr};
+    `;
+    return new Function('$$context', executeCode)(context);
+  };
+  try {
+    return run(expStr);
+  } catch (e) {
+    console.warn(e);
+    const msg = `[${expStr}] expression run failed`;
+    console.warn(msg);
+    return null;
+  }
+};
+
+export const convertCodeStringToFunction = (functionStr: string, $$context: ContextType, storeManager: StoreManager) => {
+  const newFunc = function (...args: any[]) {
+    try {
+      const codeBody = `
+        var f = ${functionStr};
+        var args = Array.from(arguments);
+        var __$$storeManager__ = args.pop();
+        var $$context = args.pop();
+        $$context.stateManager = __$$storeManager__.getStateSnapshot();
+        return f.apply(f, args)
+      `;
+      const f = new Function(codeBody);
+      f(...args, $$context, storeManager);
+    } catch (e) {
+      console.warn(e);
+    }
+  };
+  return newFunc;
+};
+
+/**
+ *
+ * @param args 对象的值
+ * @param argsName 对因位置的 名称
+ * @returns
+ */
+export const getObjFromArrayMap = (args: any[], argsName: string[]) => {
+  const params: Record<any, any> = {};
+  argsName.forEach((paramName, index) => {
+    params[paramName] = args[index];
+  });
+
+  return params;
+};
+
+export const formatSourceStylePropertyName = (style: Record<string, string>) => {
+  const newStyle: Record<string, string> = {};
+  Object.keys(style).forEach((key) => {
+    // 处理 css 前缀
+    let preKey = key.replace('-webkit', 'Webkit');
+    preKey = preKey.replace('-ms', 'ms');
+    preKey = preKey.replace('-moz', 'Moz');
+    preKey = preKey.replace('-o', 'O');
+    let newKey = preKey.split('-');
+    if (newKey.length >= 2) {
+      newKey = newKey.map((val, index) => {
+        if (index !== 0) {
+          return capitalize(val);
+        } else {
+          return val;
+        }
+      });
+    }
+    newStyle[newKey.join('')] = style[key];
+  });
+
+  return newStyle;
+};
+
+export const getCSSTextValue = (cssObj: Record<string, string>) => {
+  let res = '';
+  Object.keys(cssObj).forEach((key) => {
+    res += `${key}:${cssObj[key]};`;
+  });
+  return res;
+};

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": false,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": [
+    "src"
+  ],
+}