ronds-metadata 1.2.8 → 1.2.10

package/es/comps/FormGenerator/comps/Sidebar/Elements.js

@@ -1,48 +0,0 @@
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React from "react";
-import { useDrag } from 'react-dnd';
-import { dragItemType } from '../../settings';
-
-var Elements = function Elements(props) {
-  var data = props.data;
-
-  var _useDrag = useDrag({
-    item: {
-      dragItem: data,
-      type: dragItemType
-    },
-    end: function end(item, monitor) {
-      var dropResult = monitor.getDropResult();
-
-      if (item && dropResult) {}
-    },
-    collect: function collect(monitor) {
-      return {
-        isDragging: monitor.isDragging()
-      };
-    }
-  }),
-      _useDrag2 = _slicedToArray(_useDrag, 2),
-      isDragging = _useDrag2[0].isDragging,
-      drag = _useDrag2[1];
-
-  var opacity = isDragging ? 0.7 : 1;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Col, {
-    span: 12,
-    key: data.id
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: drag,
-    style: {
-      padding: '4px',
-      textAlign: 'center',
-      border: '1px solid var(--ronds-metadata-color-border-1)',
-      borderRadius: '4px',
-      cursor: 'pointer',
-      opacity: opacity
-    }
-  }, data.name)));
-};
-
-export default Elements;

package/es/comps/FormGenerator/comps/Sidebar/index.js

@@ -1,37 +0,0 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import React from "react";
-import { sidebarCtx } from '../../settings';
-import Elements from './Elements';
-
-var Sidebar = function Sidebar() {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '100%',
-      width: '17%',
-      padding: '4px',
-      overflowY: 'auto'
-    }
-  }, sidebarCtx.map(function (it) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: it.name,
-      style: {
-        paddingBottom: '8px'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 'bold',
-        paddingBottom: '8px'
-      }
-    }, it.name), /*#__PURE__*/React.createElement(_Row, {
-      gutter: [8, 8]
-    }, it.children.map(function (v) {
-      return /*#__PURE__*/React.createElement(Elements, {
-        key: v.id,
-        data: v
-      });
-    })));
-  }));
-};
-
-export default Sidebar;

package/es/comps/FormGenerator/index.js

@@ -1,56 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/*
- * @Author: wangxian
- * @Date: 2023-02-04 13:45:31
- * @LastEditTime: 2023-02-21 15:34:17
- */
-import React from 'react';
-import { DndProvider } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-import Canvas from './comps/Canvas';
-import Settings from './comps/Settings';
-import Sidebar from './comps/Sidebar';
-import './index.less';
-import { FGCtx } from './Provider';
-import useMemoSubject from '../../framework/rxjs-hooks/useMemoSubject';
-import useObservable from '../../framework/rxjs-hooks/useObservable';
-import { streamEventType } from './settings';
-
-var FormGenerator = function FormGenerator(props) {
-  var FGStream = useMemoSubject();
-
-  var _React$useState = React.useState({}),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      types = _React$useState2[0],
-      setTypes = _React$useState2[1];
-
-  var typesRef = React.useRef({});
-  var processFgStreamData = React.useCallback(function (p) {
-    switch (p === null || p === void 0 ? void 0 : p.type) {
-      case streamEventType.onTypesChange:
-        if (p === null || p === void 0 ? void 0 : p.payload) {
-          typesRef.current = _objectSpread(_objectSpread({}, typesRef.current), p === null || p === void 0 ? void 0 : p.payload);
-          setTypes(_objectSpread({}, typesRef.current));
-        }
-
-        break;
-    }
-  }, []);
-  useObservable(function (p) {
-    processFgStreamData(p);
-  }, [FGStream]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FGCtx.Provider, {
-    value: {
-      fgStream: FGStream,
-      types: types
-    }
-  }, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "form-generator-container"
-  }, /*#__PURE__*/React.createElement(Sidebar, null), /*#__PURE__*/React.createElement(Canvas, null), /*#__PURE__*/React.createElement(Settings, null)))));
-};
-
-export default FormGenerator;

package/es/comps/FormGenerator/settings/index.js

@@ -1,303 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-
-/*
- * @Author: wangxian
- * @Date: 2023-02-06 08:24:17
- * @LastEditTime: 2023-02-21 14:19:44
- */
-import { RefRule, Rule } from './ruleConfig';
-export var inputSchema = [{
-  id: 'inputSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
-}];
-export var textareaSchema = [{
-  id: 'textareaSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
-}];
-export var dateSchema = [{
-  id: 'dateSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props, RefRule.text.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.text.types), _toConsumableArray(RefRule.common.rules.types))
-}];
-export var numberSchema = [{
-  id: 'numberSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.placeholder, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props, RefRule.common.rules.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.common.rules.types))
-}];
-export var switchSchema = [{
-  id: 'switchSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
-  types: _toConsumableArray(RefRule.common.depend.types)
-}];
-export var selectSchema = [{
-  id: 'selectSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, RefRule.enum.props, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.enum.types))
-}];
-export var mutiSelectSchema = [{
-  id: 'mutiSelectSchema',
-  type: 'object',
-  properties: [Rule.common.id, Rule.common.label, RefRule.enum.props, Rule.common.color, Rule.common.colSpan, Rule.common.defaultValue, Rule.common.help, Rule.common.tooltip, Rule.common.require, Rule.common.disabled, Rule.common.hidden, RefRule.common.depend.props],
-  types: [].concat(_toConsumableArray(RefRule.common.depend.types), _toConsumableArray(RefRule.enum.types))
-}];
-export var settingSchema = {
-  input: inputSchema,
-  textarea: textareaSchema,
-  date: dateSchema,
-  numebr: numberSchema,
-  switch: switchSchema,
-  select: selectSchema,
-  mutiSelect: mutiSelectSchema
-};
-export var inputParam = {
-  type: 'text',
-  schema: settingSchema.input
-};
-export var textareaParam = {
-  type: 'text',
-  schema: settingSchema.textarea,
-  rule: {
-    type: 'textarea'
-  }
-};
-export var dateParam = {
-  type: 'text',
-  schema: settingSchema.date,
-  rule: {
-    type: 'datePicker'
-  }
-};
-export var numberParam = {
-  type: 'number',
-  schema: settingSchema.numebr
-};
-export var switchParam = {
-  type: 'bool',
-  schema: settingSchema.switch
-};
-export var selectParam = {
-  type: 'enum',
-  schema: settingSchema.select
-};
-export var mutiSelectParam = {
-  type: 'enum',
-  schema: settingSchema.mutiSelect,
-  rule: {
-    isMutiple: true
-  }
-};
-export var colorParam = {
-  type: 'text',
-  schema: settingSchema.textarea,
-  rule: {
-    type: 'colorPicker'
-  }
-}; // 基础组件列表渲染
-
-export var basicComps = [{
-  id: 'input',
-  name: '输入框',
-  type: 'input',
-  param: inputParam
-}, {
-  id: 'textarea',
-  name: '文本框',
-  type: 'textarea',
-  param: textareaParam
-}, {
-  id: 'date',
-  name: '日期选择',
-  type: 'date',
-  param: dateParam
-}, {
-  id: 'number',
-  name: '数字输入框',
-  type: 'number',
-  param: numberParam
-}, {
-  id: 'switch',
-  name: '开关',
-  type: 'switch',
-  param: switchParam
-}, {
-  id: 'select',
-  name: '下拉单选',
-  type: 'select',
-  param: selectParam
-}, {
-  id: 'mutiSelect',
-  name: '下拉多选',
-  type: 'mutiSelect',
-  param: mutiSelectParam
-}]; // 基础组件列表渲染
-
-export var complexComps = [{
-  id: 'color',
-  name: '颜色选择',
-  type: 'color',
-  param: colorParam
-}, {
-  id: 'password',
-  name: '密码框',
-  type: 'password',
-  param: inputParam
-}, {
-  id: 'upload',
-  name: '上传',
-  type: 'upload',
-  param: textareaParam
-}, {
-  id: 'checkbox',
-  name: '多选框',
-  type: 'checkbox',
-  param: dateParam
-}, {
-  id: 'radio',
-  name: '单选框',
-  type: 'radio',
-  param: numberParam
-}];
-export var objParam = {
-  type: 'ref',
-  schema: settingSchema.input
-}; // 布局组件列表渲染
-
-export var layoutComps = [{
-  id: 'obj',
-  name: '对象',
-  type: 'obj',
-  param: objParam
-}, {
-  id: 'list',
-  name: '常规列表',
-  type: 'list',
-  param: inputParam
-}]; // Sidebar 内容配置
-
-export var sidebarCtx = [{
-  name: '基础组件',
-  children: basicComps
-}, {
-  name: '高级组件',
-  children: complexComps
-}, {
-  name: '布局组件',
-  children: layoutComps
-}];
-export var dragItemType = 'fg-drag';
-export var formSettingSchema = [{
-  id: 'formSettingSchema',
-  type: 'object',
-  properties: [{
-    id: 'colSpan',
-    type: 'enum',
-    fields: [{
-      id: 'Rule.Form',
-      refId: 'com.ronds.schema.default.Rule.Form',
-      type: 'ref',
-      value: {
-        'common-en-US': {
-          depend: {}
-        },
-        common: {
-          label: '整体布局',
-          placeholder: '默认布局（一行一列）',
-          depend: {}
-        },
-        enum: {
-          value: [{
-            key: 24,
-            value: '一行一列'
-          }, {
-            key: 12,
-            value: '一行两列'
-          }, {
-            key: 8,
-            value: '一行三列'
-          }, {
-            key: 6,
-            value: '一行四列'
-          }],
-          http: {}
-        }
-      }
-    }]
-  }, {
-    id: 'layout',
-    type: 'enum',
-    fields: [{
-      id: 'Rule.Form',
-      refId: 'com.ronds.schema.default.Rule.Form',
-      type: 'ref',
-      value: {
-        'common-en-US': {
-          depend: {}
-        },
-        common: {
-          label: '标签展示模式',
-          depend: {}
-        },
-        enum: {
-          value: [{
-            value: '同行',
-            key: 'horizontal'
-          }, {
-            value: '单独一行',
-            key: 'vertical'
-          }],
-          type: 'checkbox',
-          http: {}
-        }
-      }
-    }]
-  }, {
-    id: 'labelSpan',
-    type: 'number',
-    fields: [{
-      id: 'Rule.Form',
-      refId: 'com.ronds.schema.default.Rule.Form',
-      type: 'ref',
-      value: {
-        'common-en-US': {
-          depend: {}
-        },
-        common: {
-          label: '标签宽度',
-          help: '不填自适应默认宽度',
-          depend: {}
-        }
-      }
-    }]
-  }]
-}];
-export var formSetting = {
-  id: 'formSetting',
-  name: '表单配置',
-  type: 'form',
-  param: {
-    type: 'form',
-    schema: formSettingSchema,
-    defaultValue: {
-      colSpan: 24,
-      layout: 'horizontal'
-    }
-  }
-};
-export var streamEventType = {
-  onNodeSelect: 'onNodeSelect',
-  onNodeDelete: 'onNodeDelete',
-  onNodeCopy: 'onNodeCopy',
-  onClearCanvas: 'onClearCanvas',
-  onSettingValueChange: 'onSettingValueChange',
-  onTypesChange: 'onTypesChange',
-  onDropOver: 'onDropOver',
-  onDefaultValue: 'onDefaultValue'
-};