TypeScript alloy.Representing类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@ephox/alloy.Representing类的典型用法代码示例。如果您正苦于以下问题：TypeScript Representing类的具体用法？TypeScript Representing怎么用？TypeScript Representing使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

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

示例1: makeColorTransform

 greenOpt.each((green) => {
   const r = Representing.getValue(red).x() / 100;
   const g = Representing.getValue(green).x() / 100;
   const b = Representing.getValue(blue).x() / 100;
   const transform = makeColorTransform(r, g, b);
   emitTransform(slider, transform);
 });

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:EditPanel.ts

示例2:

 Step.sync(() => {
   const repValue = Representing.getValue(input);
   Assertions.assertEq('Checking Rep.getValue', {
     value: 'http://tiny.cloud',
     meta: { before: '#header'}
   }, repValue);
 }),

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:UrlinputTest.ts

示例3: parseInt

 memSize.getOpt(button).each((sizeInput) => {
   const value = Representing.getValue(sizeInput);
   const width = parseInt(value.width, 10);
   const height = parseInt(value.height, 10);
   const transform = makeResizeTransform(width, height);
   emitTransformApply(button, transform);
 });

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:EditPanel.ts

示例4: getInitialValue

const getGroups = Thunk.cached(function (realm, editor) {
  return [
    {
      label: 'the link group',
      items: [
        SerialisedDialog.sketch({
          fields: [
            Inputs.field('url', 'Type or paste URL'),
            Inputs.field('text', 'Link text'),
            Inputs.field('title', 'Link title'),
            Inputs.field('target', 'Link target'),
            Inputs.hidden('link')
          ],

          // Do not include link
          maxFieldIndex: [ 'url', 'text', 'title', 'target' ].length - 1,
          getInitialValue (/* dialog */) {
            return Option.some(
              LinkBridge.getInfo(editor)
            );
          },

          onExecute (dialog/*, simulatedEvent */) {
            const info = Representing.getValue(dialog);
            LinkBridge.applyInfo(editor, info);
            realm.restoreToolbar();
            editor.focus();
          }
        })
      ]
    }
  ];
});

开发者ID:danielpunkass，项目名称:tinymce，代码行数:33，代码来源:LinkButton.ts

示例5: withRoot

 withRoot((_) => {
   const prevData = instanceApi.getData();
   const mergedData = Merger.merge(prevData, newData);
   const newInternalData = validateData(access, mergedData);
   const form = access.getFormWrapper();
   Representing.setValue(form, newInternalData);
 });

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:SilverDialogInstanceApi.ts

示例6:

 memCollection.getOpt(everything).each((collection) => {
   Representing.setValue(collection,
     ValueSchema.asRawOrDie('dialogComponentsDemo.collection', Types.Collection.collectionDataProcessor, [
       {
         value: 'a',
         text: 'A',
         icon: 'a'
       },
       {
         value: 'b',
         text: 'B',
         icon: 'b'
       },
       {
         value: 'c',
         text: 'C',
         icon: 'c'
       },
       {
         value: 'd',
         text: 'D',
         icon: 'd'
       }
     ])
   );
 });

开发者ID:tinymce，项目名称:tinymce，代码行数:26，代码来源:DialogComponentsDemo.ts

示例7: toValidValues

 const updateDataWithForm = (form: AlloyComponent): void => {
   const formData = Representing.getValue(form);
   const validData = toValidValues(formData).getOr({ });
   const currentData = storedValue.get();
   const newData = Merger.deepMerge(currentData, validData);
   storedValue.set(newData);
 };

开发者ID:tinymce，项目名称:tinymce，代码行数:7，代码来源:TabPanel.ts

示例8: function

const field = function (name, placeholder) {
  const inputSpec = Memento.record(Input.sketch({
    placeholder,
    onSetValue (input, data) {
      // If the value changes, inform the container so that it can update whether the "x" is visible
      AlloyTriggers.emit(input, NativeEvents.input());
    },
    inputBehaviours: Behaviour.derive([
      Composing.config({
        find: Option.some
      }),
      Tabstopping.config({ }),
      Keying.config({
        mode: 'execution'
      })
    ]),
    selectOnFocus: false
  }));

  const buttonSpec = Memento.record(
    Button.sketch({
      dom: UiDomFactory.dom('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
      action (button) {
        const input = inputSpec.get(button);
        Representing.setValue(input, '');
      }
    })
  );

  return {
    name,
    spec: Container.sketch({
      dom: UiDomFactory.dom('<div class="${prefix}-input-container"></div>'),
      components: [
        inputSpec.asSpec(),
        buttonSpec.asSpec()
      ],
      containerBehaviours: Behaviour.derive([
        Toggling.config({
          toggleClass: Styles.resolve('input-container-empty')
        }),
        Composing.config({
          find (comp) {
            return Option.some(inputSpec.get(comp));
          }
        }),
        AddEventsBehaviour.config(clearInputBehaviour, [
          // INVESTIGATE: Because this only happens on input,
          // it won't reset unless it has an initial value
          AlloyEvents.run(NativeEvents.input(), function (iContainer) {
            const input = inputSpec.get(iContainer);
            const val = Representing.getValue(input);
            const f = val.length > 0 ? Toggling.off : Toggling.on;
            f(iContainer);
          })
        ])
      ])
    })
  };
};

开发者ID:danielpunkass，项目名称:tinymce，代码行数:60，代码来源:Inputs.ts

示例9:

 onValid: (comp) => {
   // onValid should pass through the value here
   // We need a snapshot of the value validated.
   const val = Representing.getValue(comp);
   AlloyTriggers.emitWith(comp, colorInputChangeEvent, {
     color: val
   });
 }

开发者ID:tinymce，项目名称:tinymce，代码行数:8，代码来源:ColorInput.ts

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