@ywfe/materials-design/lowcode_lib/yw-filter/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 _utils = require("../_utils");
var _base = require("../_base");
// import { FormSchemaProps } from '../_base';

var YwFilterMeta = {
  componentName: 'YwFilter',
  title: 'YwFilter',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  group: '页面模块',
  category: '筛选区',
  npm: {
    "package": '@ywfe/materials-design',
    version: '0.1.0',
    exportName: 'YwFilter',
    main: 'src/index.tsx',
    destructuring: true,
    subName: ''
  },
  configure: {
    props: [].concat(_base.FormItemsProps, [{
      name: 'ref',
      title: {
        label: '组件标识',
        tip: "ref | 通过 this.$('xxx') 获取到组件实例"
      },
      defaultValue: function defaultValue() {
        return "filter_" + (0, _utils.uuid)();
      },
      setter: 'StringSetter'
    }, {
      title: {
        label: '最多展示列',
        tip: 'maxColumns | 最多展示列'
      },
      name: 'maxColumns',
      description: '最多展示列',
      setter: {
        componentName: 'NumberSetter',
        isRequired: true,
        initialValue: 3
      }
    }, {
      title: {
        label: '表单项宽度',
        tip: 'itemWidth | 表单项宽度'
      },
      name: 'itemWidth',
      description: '表单项宽度',
      setter: {
        componentName: 'NumberSetter',
        isRequired: true,
        initialValue: 328
      }
    }, {
      title: {
        label: '查询按钮',
        tip: 'hasSearchBtn | 查询按钮'
      },
      name: 'hasSearchBtn',
      description: '是否有查询按钮',
      supportVariable: false,
      setter: {
        componentName: 'BoolSetter',
        initialValue: true
      }
    }, {
      title: {
        label: '默认查询条件',
        tip: 'initialValues | 默认查询条件'
      },
      display: 'inline',
      name: 'initialValues',
      description: '默认查询条件',
      supportVariable: false,
      setter: {
        componentName: 'JsonSetter',
        isRequired: false,
        initialValue: {}
      }
    }, {
      title: {
        label: '条件缓存',
        tip: 'cache | 条件缓存'
      },
      name: 'cache',
      description: '条件缓存',
      setter: {
        componentName: 'JsonSetter',
        isRequired: false,
        initialValue: {}
      },
      // 有点问题 暂时关闭
      condition: function condition() {
        return false;
      }
    },
    // {
    //   title: {
    //     label: 'form creat',
    //     tip: 'onCreate | form create',
    //   },
    //   name: 'onCreate',
    //   description: 'form create',
    //   setter: {
    //     componentName: 'FunctionSetter',
    //   },
    // },
    {
      title: {
        label: '查询事件',
        tip: 'onSubmit | 查询事件'
      },
      name: 'onSubmit',
      description: '查询按钮事件配置',
      supportVariable: false,
      defaultValue: function defaultValue() {
        return {
          type: 'JSFunction',
          schema: {
            title: 'onSubmit',
            type: 'JSFunction',
            async: false,
            properties: {
              input: {
                type: 'object',
                properties: {
                  values: {
                    type: 'string',
                    defaultValue: {}
                  }
                },
                required: ['values']
              },
              body: {
                type: 'array',
                items: [{
                  type: 'Function',
                  properties: {
                    template: 'SetStateFunction',
                    extraProps: {
                      state: 'filterProps',
                      value: '{{values}}'
                    }
                  }
                }]
              }
            },
            required: ['input', 'body']
          }
        };
      },
      setter: {
        componentName: 'SchemaFunctionSetter'
      }
    },
    // {
    //   title: {
    //     label: '重置筛选',
    //     tip: 'onReset | 重置筛选',
    //   },
    //   name: 'onReset',
    //   description: '重置筛选',
    //   setter: {
    //     componentName: 'FunctionSetter',
    //   },
    // },
    {
      title: {
        label: '表单值变化',
        tip: 'onValueChange | 表单值变化'
      },
      name: 'onValueChange',
      description: '表单值变化',
      setter: {
        componentName: 'FunctionSetter'
      },
      // 暂时隐藏
      condition: function condition() {
        return false;
      }
    }]),
    supports: {
      style: true,
      events: ['onCreate', 'onValueChange', 'onSubmit', 'onReset'],
      loop: false
    },
    component: {}
  }
};
var snippets = [{
  title: '筛选器',
  screenshot: 'https://yw-fed-static.oss-cn-hangzhou.aliyuncs.com/lowcode/filters',
  schema: {
    componentName: 'YwFilter',
    props: {
      labelInset: true,
      // initialValues: {},
      items: [{
        component: 'Input',
        primaryKey: "input_" + (0, _utils.uuid)(),
        label: '表单项',
        size: 'medium',
        title: '表单项',
        name: "input_" + (0, _utils.uuid)()
      }]
    }
  }
}];
var _default = exports["default"] = (0, _extends2["default"])({}, YwFilterMeta, {
  snippets: snippets
});