TypeScript domutil.dataFindAll方法代码示例

  execute(data: {}): void {
    const editor = this.editor;
    const dataCaret = editor.caretManager.getDataCaret(true)!;
    const guiCaret = editor.caretManager.fromDataLocation(dataCaret)!;
    const guiSfsContainer =
      domutil.closestByClass(guiCaret.node, "btw:semantic-fields",
                             editor.guiRoot);
    if (guiSfsContainer === null) {
      throw new Error("unable to acquire btw:semantic-fields");
    }

    const mode = editor.modeTree.getMode(dataCaret.node);
    if (!(mode instanceof Mode)) {
      throw new Error("expected BTW mode");
    }

    const decorator = editor.modeTree.getDecorator(dataCaret.node);
    if (!(decorator instanceof BTWDecorator)) {
      throw new Error("our decorator must be a BTWDecorator");
    }

    const fetcher = decorator.sfFetcher;

    const sfsContainer = editor.toDataNode(guiSfsContainer) as Element;
    const sfs = domutil.dataFindAll(sfsContainer, "btw:sf",
                                    mode.getAbsoluteNamespaceMappings());

    const paths = sfs.map((sf) => sf.textContent!);

    const modal = getEditSemanticFieldModal(editor);

    const fieldToPath = (f) => f.get("path");

    let sfEditor;
    const primary = modal.getPrimary()[0];
    primary.classList.add("disabled");
    modal.setBody("<i class='fa fa-spinner fa-2x fa-spin'></i>");

    const $modalTop = modal.getTopLevel();
    const body =
      $modalTop[0].getElementsByClassName("modal-body")[0] as HTMLElement;
    const content =
      $modalTop[0].getElementsByClassName("modal-content")[0] as HTMLElement;
    const header = $modalTop[0].getElementsByClassName("modal-header")[0];
    const footer = $modalTop[0].getElementsByClassName("modal-footer")[0];

    $modalTop.on("shown.bs.modal.modal", () => {
      // Once we have shown the modal we set its height to the max-height so
      // that the children of the body can use height percentages.
      content.style.height = content.style.maxHeight;
      const contentHeight = content.getBoundingClientRect().height;
      body.style.height =
        `${contentHeight - header.getBoundingClientRect().height -
footer.getBoundingClientRect().height}px`;
    });

    modal.modal(() => {
      const clicked = modal.getClickedAsText();
      if (clicked === "Commit") {
        if (!sfEditor) {
          throw new Error("modal dismissed with primary button " +
                          "while sfEditor is non-existent");
        }

        mode.replaceSemanticFields.execute(
          { newPaths: sfEditor.getChosenFields().map(fieldToPath) });
      }
    });

    fetcher.fetch(paths).then((resolved) => {
      const fields = _.values(resolved);

      // We grab the list of paths from the resolved fields because initially we
      // may have unknown fields, and the list of resolve fields may be shorter
      // than ``paths``.
      // Reminder: fields are plain old JS objects.
      const initialPaths = fields.map((x) => x.path);

      // Clear it before the editor is started.
      modal.setBody("");
      sfEditor = new SFEditor({
        container: body,
        fields: fields,
        fetcher: fetcher,
        searchUrl: mode.semanticFieldFetchUrl,
      });
      sfEditor.start();

      sfEditor.on("sf:chosen:change", () => {
        const newPaths = sfEditor.getChosenFields().map(fieldToPath);
        const method = _.isEqual(initialPaths, newPaths) ? "add" : "remove";
        primary.classList[method]("disabled");
      });
    });
  }

 dataFindAll(el: Element, selector: string): Element[] {
   return domutil.dataFindAll(el, selector, this.mapping);
 }