@ywfe/materials-design/lowcode_lib/yw-drawer-selector/meta.js

YwDesign for lowcode

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _base = require("../_base");
var _utils = require("../_utils");
var YwDrawerSelectorMeta = {
  componentName: 'YwDrawerSelector',
  title: 'YwDrawerSelector',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  group: '基础组件',
  category: '数据录入',
  npm: {
    "package": '@ywfe/materials-design',
    version: '0.0.1-beta.6',
    exportName: 'YwDrawerSelector',
    main: 'src/index.tsx',
    destructuring: true,
    subName: ''
  },
  configure: {
    props: [{
      name: 'ref',
      title: {
        label: '组件标识',
        tip: "ref | 通过 this.$('xxx') 获取到组件实例"
      },
      defaultValue: function defaultValue() {
        return "table__dialog__" + (0, _utils.uuid)();
      },
      setter: 'StringSetter'
    }, {
      name: 'title',
      title: {
        label: '弹窗标题',
        tip: 'title | 标题'
      },
      setter: 'StringSetter'
    }].concat(_base.YwButtonBaseProps, [{
      title: {
        label: '数据筛选',
        tip: 'items | 数据筛选'
      },
      display: 'accordion',
      name: 'filterItems',
      description: '数据筛选',
      condition: function condition(target) {
        return target.parent.getPropValue('hasFilter');
      },
      setter: {
        componentName: 'ArraySetter',
        props: {
          itemSetter: {
            componentName: 'ObjectSetter',
            props: {
              descriptor: 'title',
              config: {
                items: _base.BaseFormItemProps
              }
            },
            initialValue: function initialValue() {
              var mockProps = {};
              _base.BaseFormItemProps.forEach(function (item) {
                if (item.defaultValue) {
                  if (typeof item.defaultValue === 'function') {
                    mockProps[item.name] = item.defaultValue();
                  } else {
                    mockProps[item.name] = item.defaultValue;
                  }
                }
              });
              return (0, _extends2["default"])({
                component: 'Input'
              }, mockProps);
            }
          }
        }
      }
    }, {
      title: {
        label: '商品预览',
        tip: 'previewConfig | 商品预览'
      },
      display: 'accordion',
      name: '_previewConfig',
      setter: {
        componentName: 'ObjectSetter',
        props: {
          config: {
            items: [{
              name: 'imgUrl',
              title: {
                label: '商品图片',
                tip: 'imgUrl | 选择商品图片字段'
              },
              setter: 'StringSetter'
            }, {
              name: 'tooltip',
              title: {
                label: '悬浮提示',
                tip: 'tooltip | 选择商品图片字段'
              },
              setter: 'StringSetter'
            }]
          }
        }
      },
      extraProps: {
        setValue: function setValue(target) {
          //  获取商品名称字段和 商品图片链接字段
          target.parent.setPropValue('formatPreviewItemValue', {
            type: 'JSFunction',
            value: '(item)=>{return {imgUrl:item.imgUrl,tooltip:{title:item.itemName,placement:"topLeft"}}}'
          });
        }
      }
    }], _base.TableBaseProps)
  }
};
var snippets = [{
  title: '商品选择器',
  screenshot: 'https://yw-fed-static.oss-cn-hangzhou.aliyuncs.com/lowcode/goods',
  schema: {
    componentName: 'YwDrawerSelector',
    props: {
      visible: true
    }
  }
}];
var _default = exports["default"] = (0, _extends2["default"])({}, YwDrawerSelectorMeta, {
  snippets: snippets
});