jjb-lc-designable/formily-antd/components/Card/preview.js

基于alibaba-designable源码二次封装的表单设计器。

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React from 'react';
import { Card as AntdCard } from 'antd';
import { createBehavior, createResource } from 'jjb-lc-designable/core';
import { createVoidFieldSchema } from '../Field';
import { AllSchemas } from '../../schemas';
import { AllLocales } from '../../locales';
export const Card = props => {
  return /*#__PURE__*/React.createElement(AntdCard, _extends({}, props, {
    title: /*#__PURE__*/React.createElement("span", {
      "data-content-editable": "x-component-props.title"
    }, props.title)
  }), props.children);
};
Card.Behavior = createBehavior({
  name: 'Card',
  extends: ['Field'],
  selector: node => node.props['x-component'] === 'Card',
  designerProps: {
    droppable: true,
    propsSchema: createVoidFieldSchema(AllSchemas.Card)
  },
  designerLocales: AllLocales.Card
});
Card.Resource = createResource({
  icon: 'CardSource',
  elements: [{
    componentName: 'Field',
    props: {
      type: 'void',
      'x-component': 'Card',
      'x-component-props': {
        title: 'Title'
      }
    }
  }]
});