@mybricks/to-code-taro 1.1.8 → 1.2.2

package/dist/esm/core/utils/slots.js

@@ -1,194 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useMemo, useRef, useState } from "react";
-import ComContext, { SlotProvider, useAppContext, useParentSlot } from "./ComContext";
-import { createReactiveInputHandler } from "../mybricks/createReactiveInputHandler";
-import { proxyRefs } from "./hooks";
-
-/** Channel Proxy 类型 */
-
-/** Slot 渲染函数类型 */
-
-/** 浅比较两个对象的第一层 key-value */
-function shallowEqual(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  var keysA = Object.keys(a);
-  var keysB = Object.keys(b);
-  if (keysA.length !== keysB.length) return false;
-  return keysA.every(function (key) {
-    return a[key] === b[key];
-  });
-}
-
-/**
- * 合并 slot 参数
- * 只有当有实际的 inputValues 时才合并，否则保持 undefined 以便从父级继承
- */
-function mergeSlotParams(stateInputValues, params) {
-  var hasStateInputValues = stateInputValues && Object.keys(stateInputValues).length > 0;
-  var hasParamsInputValues = (params === null || params === void 0 ? void 0 : params.inputValues) && Object.keys(params.inputValues).length > 0;
-  if (!hasStateInputValues && !hasParamsInputValues) {
-    return params || {};
-  }
-  return _objectSpread(_objectSpread({}, params || {}), {}, {
-    inputValues: _objectSpread(_objectSpread({}, stateInputValues || {}), (params === null || params === void 0 ? void 0 : params.inputValues) || {})
-  });
-}
-
-/**
- * 生成作用域 ID
- */
-function createScopeId(id, slotKey, rawScope) {
-  return "".concat(id, ".").concat(slotKey, "::").concat(String(rawScope));
-}
-
-/**
- * 创建一个具有"向上渗透"和"隔离 Todo 池"能力的 comRefs 对象
- */
-function createPenetratingComRefs(parentComRefs, todoPool) {
-  var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var localTarget = {
-    $inputs: {},
-    $outputs: {},
-    $index: index
-  };
-  return {
-    current: proxyRefs(localTarget, parentComRefs, todoPool)
-  };
-}
-function SlotParamsBridge(props) {
-  var _props$params, _parentSlot$params, _props$children;
-  var parentSlot = useParentSlot();
-  var mergedParams = ((_props$params = props.params) === null || _props$params === void 0 ? void 0 : _props$params.inputValues) === undefined && parentSlot !== null && parentSlot !== void 0 && (_parentSlot$params = parentSlot.params) !== null && _parentSlot$params !== void 0 && _parentSlot$params.inputValues ? _objectSpread(_objectSpread({}, props.params || {}), {}, {
-    inputValues: parentSlot.params.inputValues
-  }) : props.params;
-  var SlotComp = props.render;
-  var content = SlotComp ? /*#__PURE__*/React.createElement(SlotComp, mergedParams || {}) : (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : null;
-  return /*#__PURE__*/React.createElement(SlotProvider, {
-    value: _objectSpread(_objectSpread({}, props.state), {}, {
-      params: mergedParams
-    })
-  }, content);
-}
-function createChannelProxy(title, onInputCall) {
-  var handlersMap = {};
-  return new Proxy({}, {
-    get: function get(_t, pin) {
-      return function (arg) {
-        if (typeof arg === "function") {
-          handlersMap[pin] = arg;
-          return;
-        }
-        // 通知外部有输入调用（用于 scope 插槽的 inputValues 更新）
-        onInputCall === null || onInputCall === void 0 || onInputCall(pin, arg);
-        var handler = handlersMap[pin];
-        if (typeof handler === "function") {
-          return createReactiveInputHandler({
-            input: handler,
-            value: arg,
-            rels: {},
-            title: title
-          });
-        }
-      };
-    }
-  });
-}
-export function useEnhancedSlots(rawSlots, id) {
-  var _useAppContext = useAppContext(),
-    parentComRefs = _useAppContext.comRefs,
-    todoPool = _useAppContext.todoPool;
-  var slotStoreRef = useRef({});
-  // 用于触发重渲染的状态
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceUpdate = _useState2[1];
-  return useMemo(function () {
-    if (!rawSlots) return {};
-    var nextSlots = {};
-    Object.entries(rawSlots).forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        slotKey = _ref2[0],
-        slotDef = _ref2[1];
-      // 创建输入回调，当 inputs 被调用时更新 inputValues 并触发重渲染
-      var onInputCall = function onInputCall(pin, value) {
-        var state = slotStoreRef.current[slotKey];
-        if (state) {
-          if (!state._inputValues) state._inputValues = {};
-          state._inputValues[pin] = value;
-          // 触发重渲染
-          forceUpdate({});
-        }
-      };
-      var state = slotStoreRef.current[slotKey] || (slotStoreRef.current[slotKey] = {
-        inputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".inputs"), onInputCall),
-        outputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".outputs")),
-        _inputs: createChannelProxy("".concat(id, ".").concat(slotKey, "._inputs")),
-        _scopedComRefs: {},
-        _inputValues: {},
-        _render: undefined,
-        render: function render(params) {
-          var _state$_lastMergedPar, _stableParams$inputVa, _stableParams$inputVa2, _stableParams$inputVa3, _stableParams$inputVa4, _state$_scopedComRefs;
-          var r = state._render;
-          var mergedParams = mergeSlotParams(state._inputValues, params);
-
-          // 浅比较 inputValues，内容不变时复用上次引用，避免 useEffect 死循环
-          if (state._lastMergedParams && shallowEqual(mergedParams === null || mergedParams === void 0 ? void 0 : mergedParams.inputValues, (_state$_lastMergedPar = state._lastMergedParams) === null || _state$_lastMergedPar === void 0 ? void 0 : _state$_lastMergedPar.inputValues)) {
-            // 内容没变，复用旧引用
-          } else {
-            state._lastMergedParams = mergedParams;
-          }
-          var stableParams = state._lastMergedParams;
-
-          // 只有存在 key 或 index 时才认为是"多实例作用域插槽"，需要实例隔离
-          var rawScope = (_stableParams$inputVa = stableParams === null || stableParams === void 0 || (_stableParams$inputVa2 = stableParams.inputValues) === null || _stableParams$inputVa2 === void 0 ? void 0 : _stableParams$inputVa2.index) !== null && _stableParams$inputVa !== void 0 ? _stableParams$inputVa : params === null || params === void 0 ? void 0 : params.key;
-          if (rawScope === undefined || rawScope === null) {
-            return /*#__PURE__*/React.createElement(SlotParamsBridge, {
-              state: state,
-              params: stableParams,
-              render: r
-            });
-          }
-          var scopeId = createScopeId(id, slotKey, rawScope);
-          var index = (_stableParams$inputVa3 = stableParams === null || stableParams === void 0 || (_stableParams$inputVa4 = stableParams.inputValues) === null || _stableParams$inputVa4 === void 0 ? void 0 : _stableParams$inputVa4.index) !== null && _stableParams$inputVa3 !== void 0 ? _stableParams$inputVa3 : 0;
-          var scopedComRefs = (_state$_scopedComRefs = state._scopedComRefs)[scopeId] || (_state$_scopedComRefs[scopeId] = createPenetratingComRefs(parentComRefs, todoPool, index));
-          return /*#__PURE__*/React.createElement(ScopedComContextProvider, {
-            comRefs: scopedComRefs,
-            scopeId: scopeId
-          }, /*#__PURE__*/React.createElement(SlotParamsBridge, {
-            state: state,
-            params: stableParams,
-            render: r
-          }));
-        }
-      });
-      state._render = slotDef === null || slotDef === void 0 ? void 0 : slotDef.render;
-      nextSlots[slotKey] = _objectSpread(_objectSpread({}, slotDef || {}), {}, {
-        render: state.render,
-        inputs: state.inputs,
-        outputs: state.outputs,
-        _inputs: state._inputs
-      });
-    });
-    return nextSlots;
-  }, [rawSlots, id, parentComRefs, todoPool]);
-}
-export function ScopedComContextProvider(props) {
-  var parent = useAppContext();
-  var value = useMemo(function () {
-    return _objectSpread(_objectSpread({}, parent), {}, {
-      comRefs: props.comRefs || parent.comRefs,
-      $scopeId: props.scopeId
-    });
-  }, [parent, props.comRefs, props.scopeId]);
-  return /*#__PURE__*/React.createElement(ComContext.Provider, {
-    value: value
-  }, props.children);
-}
-
-/** parentSlot 解析：props 优先，其次用 SlotProvider 注入的 context */
-export function useResolvedParentSlot(parentSlotProp) {
-  var parentSlotFromCtx = useParentSlot();
-  return parentSlotProp !== null && parentSlotProp !== void 0 ? parentSlotProp : parentSlotFromCtx;
-}

package/dist/esm/core/utils/tabbar.js

@@ -1,47 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { EventEmitter } from "./event";
-var isDefine = function isDefine(val) {
-  return val !== undefined && val !== null && val !== '';
-};
-var TabbarInstance = /*#__PURE__*/_createClass(function TabbarInstance() {
-  var _this = this;
-  _classCallCheck(this, TabbarInstance);
-  _defineProperty(this, "list", []);
-  _defineProperty(this, "eventEmitter", new EventEmitter());
-  _defineProperty(this, "setTabBarBadge", function (_ref) {
-    var index = _ref.index,
-      text = _ref.text;
-    return new Promise(function (resolve, reject) {
-      if (isDefine(index)) {
-        _this.list[index].active = true;
-        _this.list[index].activeText = text;
-        console.log('change', _this.list);
-        _this.eventEmitter.dispatch('change', _this.list);
-      }
-    });
-  });
-  _defineProperty(this, "hideTabBarRedDot", function (_ref2) {
-    var index = _ref2.index;
-    return new Promise(function (resolve, reject) {
-      if (isDefine(index)) {
-        _this.list[index].active = false;
-        _this.list[index].activeText = 0;
-        _this.eventEmitter.dispatch('change', _this.list);
-      }
-    });
-  });
-  _defineProperty(this, "removeTabBarBadge", this.hideTabBarRedDot);
-  _defineProperty(this, "initWithLength", function (len) {
-    _this.list = new Array(len).fill(function (t) {
-      return null;
-    }).map(function () {
-      return {
-        active: false,
-        activeText: ''
-      };
-    });
-  });
-});
-export var tabbarIns = new TabbarInstance();

package/dist/esm/core/utils/useContext.js

@@ -1,100 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["success", "fail"];
-import { useRef, useState, useMemo } from 'react';
-// @ts-ignore
-import * as Taro from '@tarojs/taro';
-// @ts-ignore
-import { request as _request } from '@/common/request';
-import { tabbarIns } from "@/core/utils/tabbar";
-// @ts-ignore
-import rootConfig from '@/common/rootConfig';
-import { proxyRefs } from "./hooks";
-import { TodoPool } from "./pool";
-export function useAppCreateContext(id) {
-  var todoPool = useMemo(function () {
-    return new TodoPool();
-  }, []);
-  var comRefs = useRef(proxyRefs({
-    $inputs: {},
-    $outputs: {}
-  }, undefined, todoPool));
-  var $vars = useRef({});
-  var $fxs = useRef({});
-  var _useState = useState({
-      visible: false,
-      name: '',
-      value: null,
-      controller: null
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    popupState = _useState2[0],
-    setPopupState = _useState2[1];
-  var appContext = useRef({
-    canvas: {
-      id: id
-    },
-    runtime: {
-      debug: false
-    },
-    env: {
-      runtime: true,
-      request: function request(connector, params, config) {
-        return _request(connector, params, config, {
-          $vars: $vars
-        });
-      },
-      tabbar: tabbarIns,
-      uploadFile: function uploadFile(params) {
-        var _rootConfig$status;
-        var header = {};
-        var mybricksGlobalHeaders = Taro.getStorageSync("_MYBRICKS_GLOBAL_HEADERS_");
-        if (mybricksGlobalHeaders) {
-          header = _objectSpread(_objectSpread({}, mybricksGlobalHeaders), header);
-        }
-
-        /**
-         * 如果 url 不以 http 开头，添加默认域名
-         */
-        if (!/^(http|https):\/\/.*/.test(params.url) && rootConfig !== null && rootConfig !== void 0 && (_rootConfig$status = rootConfig.status) !== null && _rootConfig$status !== void 0 && _rootConfig$status.defaultCallServiceHost) {
-          var _rootConfig$status2;
-          params.url = "".concat(rootConfig === null || rootConfig === void 0 || (_rootConfig$status2 = rootConfig.status) === null || _rootConfig$status2 === void 0 ? void 0 : _rootConfig$status2.defaultCallServiceHost).concat(params.url);
-        }
-        var _success = params.success,
-          _fail = params.fail,
-          rest = _objectWithoutProperties(params, _excluded);
-        Taro.uploadFile(_objectSpread(_objectSpread({}, rest), {}, {
-          success: function success(res) {
-            return _success === null || _success === void 0 ? void 0 : _success(res);
-          },
-          fail: function fail(err) {
-            return _fail === null || _fail === void 0 ? void 0 : _fail(err);
-          }
-        }));
-      }
-    },
-    rootScroll: {},
-    edit: false,
-    isH5: false,
-    isDesigner: false,
-    isPreview: false,
-    isRelease: false,
-    isDebug: false,
-    isLocal: false,
-    isTest: false,
-    tabBar: [],
-    useTabBar: false
-  }).current;
-  return useMemo(function () {
-    return {
-      comRefs: comRefs,
-      $vars: $vars,
-      $fxs: $fxs,
-      todoPool: todoPool,
-      appContext: appContext,
-      popupState: popupState,
-      setPopupState: setPopupState
-    };
-  }, [popupState]);
-}

package/dist/esm/core/utils/with.js

@@ -1,115 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["component", "id", "data", "className", "style"],
-  _excluded2 = ["slots", "parentSlot"];
-import React, { useState, useEffect } from 'react';
-// @ts-ignore 运行时由宿主项目提供 @tarojs/components
-import { View } from '@tarojs/components';
-import { useModel, useBindInputs, useBuiltinHandlers, useBindOutputs, subscribePopupRouter, closeActivePopupRouter } from "./index";
-import { useAppCreateContext } from "./useContext";
-import ComContext, { useAppContext } from "./ComContext";
-import { useEnhancedSlots, useResolvedParentSlot } from "./slots";
-// @ts-ignore 运行时由宿主项目提供 @tarojs/taro
-import { useTabItemTap } from '@tarojs/taro';
-export var WithCom = function WithCom(props) {
-  var _parentSlot$params;
-  var Component = props.component,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    data = props.data,
-    className = props.className,
-    style = props.style,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useAppContext = useAppContext(),
-    comRefs = _useAppContext.comRefs,
-    appContext = _useAppContext.appContext;
-  var env = appContext; //TODO: 需要根据实际情况修改
-
-  var isPopup = Component.isPopup;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dynamicStyle = _useState4[0],
-    setDynamicStyle = _useState4[1];
-
-  //数据模型
-  var _data = useModel(data || {});
-  var _ref = rest,
-    rawSlots = _ref.slots,
-    parentSlotProp = _ref.parentSlot,
-    restProps = _objectWithoutProperties(_ref, _excluded2);
-  var parentSlot = useResolvedParentSlot(parentSlotProp);
-  var enhancedSlots = useEnhancedSlots(rawSlots, id);
-
-  // ---- inputs ----
-  var handlers = useBuiltinHandlers({
-    data: _data,
-    setDynamicStyle: setDynamicStyle,
-    setShow: setShow,
-    isPopup: isPopup
-  });
-  var inputProxy = useBindInputs(comRefs, id, handlers);
-
-  // ---- outputs ----
-  var outputProxy = useBindOutputs(comRefs, id, restProps, enhancedSlots, {
-    id: id,
-    name: props.name || id,
-    parentSlot: parentSlot
-  });
-
-  // ---- render ----
-  var jsx = /*#__PURE__*/React.createElement(Component, _extends({}, restProps, {
-    inputs: inputProxy,
-    outputs: outputProxy,
-    slots: enhancedSlots,
-    parentSlot: parentSlot,
-    data: _data,
-    env: env,
-    id: id,
-    style: style
-  }));
-  if (parentSlot !== null && parentSlot !== void 0 && (_parentSlot$params = parentSlot.params) !== null && _parentSlot$params !== void 0 && _parentSlot$params.itemWrap) {
-    return parentSlot.params.itemWrap({
-      id: id,
-      name: props.name || id,
-      jsx: jsx,
-      def: Component.def,
-      inputs: inputProxy,
-      outputs: outputProxy,
-      style: style
-    });
-  }
-  return show || isPopup ? /*#__PURE__*/React.createElement(View, {
-    id: id,
-    className: className,
-    style: _objectSpread(_objectSpread({}, style), dynamicStyle)
-  }, jsx, props.children) : null;
-};
-export var WithWrapper = function WithWrapper(id, Component) {
-  return function WrappedComponent(props) {
-    var contextStore = useAppCreateContext(id);
-    var setPopupState = contextStore.setPopupState;
-    var isPopup = Component.isPopup;
-
-    // 通过发布订阅模式解耦弹窗状态变化
-    useEffect(function () {
-      return subscribePopupRouter(function (state) {
-        return setPopupState(state);
-      });
-    }, [setPopupState]);
-
-    // 点击 TabBar 时自动关闭弹窗（自定义 TabBar 或原生 TabBar 点击均会触发）
-    useTabItemTap(function () {
-      if (isPopup) return;
-      closeActivePopupRouter();
-    });
-    return /*#__PURE__*/React.createElement(ComContext.Provider, {
-      value: contextStore
-    }, /*#__PURE__*/React.createElement(Component, props));
-  };
-};