当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript source-mutation.createInsertChildMutation函数代码示例

本文整理汇总了TypeScript中source-mutation.createInsertChildMutation函数的典型用法代码示例。如果您正苦于以下问题:TypeScript createInsertChildMutation函数的具体用法?TypeScript createInsertChildMutation怎么用?TypeScript createInsertChildMutation使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了createInsertChildMutation函数的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: switch

 return diffs.map(diff => {
   switch(diff.type) {
     case CSS_INSERT_RULE:
     case INSERT_CHILD_NODE: {
       const { type, target, index, child } = diff as InsertChildMutation<any, any>;
       let unzippedChild = uncompressRootNode(child);
       if (idSeed) {
         unzippedChild = setVMObjectIds(unzippedChild, idSeed, refCount);
         refCount = getRefCount(unzippedChild, idSeed);
       }
       return createInsertChildMutation(type, target, unzippedChild, index)
     }
     case ATTACH_SHADOW: {
       const { type, target, newValue } = diff as SetValueMutation<any>;
       let unzippedChild = uncompressRootNode(newValue);
       if (idSeed) {
         unzippedChild = setVMObjectIds(unzippedChild, idSeed, refCount);
         refCount = getRefCount(unzippedChild, idSeed);
       }
       return createSetValueMutation(type, target, unzippedChild);
     }
     default: {
       return diff;
     }
   }
 });
开发者ID:cryptobuks,项目名称:tandem,代码行数:26,代码来源:diff-patch.ts

示例2: eachArrayValueMutation

const diffCSSGroupingRuleChildren = (oldRule: SlimCSSGroupingRule, newRule: SlimCSSGroupingRule, path: any[]) => {
  const diffs: Mutation<any[]>[] = [];

  eachArrayValueMutation(
    diffArray(oldRule.rules, newRule.rules, compareCSSRules),
    {
      insert({ index, value }) {
        diffs.push(createInsertChildMutation(CSS_INSERT_RULE, path, compressRootNode(value), index));
      },
      delete({ index }) {
        diffs.push(createRemoveChildMutation(CSS_DELETE_RULE, path, null, index));
      },
      update({ newValue, originalOldIndex, index, patchedOldIndex }) {
        if (index !== patchedOldIndex) {
          diffs.push(createMoveChildMutation(CSS_MOVE_RULE, path, null, index, patchedOldIndex));
        }
        diffs.push(
          ...diffCSSRule(
            oldRule.rules[originalOldIndex],
            newValue,
            [...path, index]
          )
        );
      }
    }
  );

  return diffs;
};
开发者ID:cryptobuks,项目名称:tandem,代码行数:29,代码来源:diff-patch.ts

示例3: handleNewStyleRule

function* handleNewStyleRule() {
  while(1) {
    const { artboardId, elementScopeId }: CSSAddStyleRuleOptionClicked = yield take(CSS_ADD_STYLE_RULE_CLICKED);
    const state: ApplicationState = yield select();
    const workspace = getSelectedWorkspace(state);
    const artboard = getArtboardById(artboardId, workspace);
    const element = getWorkspaceVMObject(elementScopeId, workspace) as SlimElement;
    const host = getSlimNodeHost(element, artboard.document);

    for (const artboard of workspace.artboards) {
      const mutations: Mutation<any>[] = [];
      let scopedStyle = findScopedStyle(host.tagName, artboard.document);

      if (!scopedStyle) {
        mutations.push(createInsertChildMutation(INSERT_CHILD_NODE, [], compressRootNode({
          tagName: "style",
          type: SlimVMObjectType.ELEMENT,
          attributes: [{ name: "scope", value: host.tagName }],
          childNodes: [],
          sheet: {
            type: SlimVMObjectType.STYLE_SHEET,
            rules: [
              {
                type: SlimVMObjectType.STYLE_RULE,
                selectorText: element.tagName,
                style: []
              } as SlimCSSStyleRule
            ]
          } 
        } as SlimStyleElement)));
      } else {
        const path = getVMObjectPath(scopedStyle.sheet, getArtboardDocumentBody(artboard));

        mutations.push(createInsertChildMutation(CSS_INSERT_RULE, path, compressRootNode({
          type: SlimVMObjectType.STYLE_RULE,
          selectorText: element.tagName,
          style: []
        } as SlimCSSStyleRule), 0));
      }

      yield call(mutateArtboard, artboard, prepDiff(artboard.document, mutations), true);
    }

  }
}
开发者ID:cryptobuks,项目名称:tandem,代码行数:45,代码来源:artboard.ts

示例4: createInsertChildMutation

export const createParentNodeInsertChildMutation = (parent: BasicParentNode, child: BasicNode, index: number, cloneChild: boolean = true) => {
  return createInsertChildMutation(INSERT_CHILD_NODE_EDIT, parent, child, index, cloneChild);
};
开发者ID:cryptobuks,项目名称:tandem,代码行数:3,代码来源:parent-node.ts

示例5: createInsertChildMutation

export const styleSheetInsertRule = (styleSheet: CSSStyleSheet, rule: CSSRule, newIndex: number) => createInsertChildMutation(STYLE_SHEET_MOVE_RULE, styleSheet, rule, newIndex);
开发者ID:cryptobuks,项目名称:tandem,代码行数:1,代码来源:style-sheet.ts


注:本文中的source-mutation.createInsertChildMutation函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。