@4399ywkf/design 2.1.0 → 2.1.1

package/dist/FormDesigner/i18next/locales/resources.js

@@ -0,0 +1,54 @@
+var enUS = {
+  "translation": {
+    "导入": "Import",
+    "清除": "Clear",
+    "清空": "Clear",
+    "导出schema": "Export Schema",
+    "最终展示": "Preview",
+    "开始编辑": "Edit",
+    "复制": "Copy",
+    "取消": "Cancel",
+    "复制成功": "Copy Success",
+    "贴入需要导入的schema，模样可点击导出schema参考": "Paste the schema. Click export schema reference",
+    "格式不对哦，请重新尝试": "Wrong format, please try again",
+    "点击/拖拽左侧栏的组件进行添加": "Click / Drag the component in the left column to add",
+    "组件配置": "Component Setting",
+    "表单配置": "Form Setting",
+    "此处配置有误": "Incorrect configuration here",
+    "配置错误：Setting不是数组": "Configuration error: setting is not an array"
+  },
+  "components": {
+    "基础组件": "Basic",
+    "高级组件": "Advanced",
+    "布局组件": "Layout",
+    "模板": "Template",
+    "输入框": "Input",
+    "大输入框": "Textarea",
+    "日期选择": "Date Picker",
+    "数字输入框": "NumberInput",
+    "是否选择": "Checkbox",
+    "是否switch": "Switch",
+    "下拉单选": "SelectSingle",
+    "点击单选": "Radio",
+    "下拉多选": "SelectMultiple",
+    "点击多选": "CheckboxGroup",
+    "HTML": "HTML",
+    "日期范围": "DateRange",
+    "数字（slider）": "Slider",
+    "图片展示": "Image",
+    "颜色选择": "ColorPicker",
+    "对象": "Section",
+    "常规列表": "List",
+    "简单列表": "SimpleList",
+    "表格列表": "TableList",
+    "复杂表格列表": "DrawerList",
+    "复杂结构样例": "Example"
+  }
+};
+var zhCN = {
+  "translation": {}
+};
+export default {
+  en: enUS,
+  cn: zhCN
+};

package/dist/FormDesigner/i18next/locales/zhCN.json

@@ -0,0 +1,3 @@
+{
+  "translation": {}
+}

package/dist/FormDesigner/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './i18next';
+declare const Generator: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export { defaultCommonSettings, defaultGlobalSettings, defaultSettings, } from './settings';
+export { fromSetting, toSetting } from './transformer/form-render';
+export default Generator;
+export * from './utils/serialize';

package/dist/FormDesigner/index.js

@@ -0,0 +1,56 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["fixedName", "settingsWidgets", "onCanvasSelect", "locale"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useEffect, forwardRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import Canvas from "./components/Canvas";
+import Settings from "./components/Settings";
+import Sidebar from "./components/Sidebar";
+import Provider from "./Provider";
+import "./i18next";
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Generator = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var fixedName = _ref.fixedName,
+    settingsWidgets = _ref.settingsWidgets,
+    onCanvasSelect = _ref.onCanvasSelect,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'cn' : _ref$locale,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  useEffect(function () {
+    i18n.changeLanguage(locale);
+  }, [locale]);
+  return /*#__PURE__*/_jsx(Provider, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.container,
+      children: [/*#__PURE__*/_jsx(Sidebar, {
+        fixedName: fixedName
+      }), /*#__PURE__*/_jsx(Canvas, {
+        onSelect: onCanvasSelect
+      }), /*#__PURE__*/_jsx(Settings, {
+        widgets: settingsWidgets
+      })]
+    })
+  }));
+});
+Generator.Provider = Provider;
+Generator.Sidebar = Sidebar;
+Generator.Canvas = Canvas;
+Generator.Settings = Settings;
+export { defaultCommonSettings, defaultGlobalSettings, defaultSettings } from "./settings";
+export { fromSetting, toSetting } from "./transformer/form-render";
+export default Generator;
+export * from "./utils/serialize";

package/dist/FormDesigner/settings/displayHeader.d.ts

@@ -0,0 +1,142 @@
+interface HeaderDisplayWidgetOptions {
+    name: string;
+    schemaType?: 'object' | 'void';
+    text?: string;
+    titleContent?: string;
+    widget: string;
+}
+export declare const hiddenDisplayCommonSettings: {
+    title: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    displayType: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    description: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    default: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    required: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    placeholder: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    bind: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    min: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    max: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    disabled: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    readOnly: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    readOnlyWidget: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+    labelWidth: {
+        title: string;
+        type: string;
+        hidden: boolean;
+    };
+};
+export declare const headerTemplateSetting: {
+    title: string;
+    type: string;
+    widget: string;
+    enum: string[];
+    enumNames: string[];
+};
+export declare function createHeaderDisplayWidget({ name, schemaType, text, titleContent, widget, }: HeaderDisplayWidgetOptions): {
+    text: string;
+    name: string;
+    schema: {
+        properties?: {} | undefined;
+        title: string;
+        type: "object" | "void";
+        widget: string;
+        props: {
+            showTitle: boolean;
+            title: {
+                tag: string;
+                content: string;
+            };
+            subtitle: {
+                tag: string;
+                content: string;
+            };
+            template: string;
+            icon: {
+                tag: string;
+                token: string;
+            };
+            padding: string;
+        };
+    };
+    setting: {
+        'props.title.content': {
+            title: string;
+            type: string;
+            widget: string;
+        };
+        'props.subtitle.content': {
+            title: string;
+            type: string;
+            widget: string;
+        };
+        'props.icon.token': {
+            title: string;
+            type: string;
+            widget: string;
+        };
+        'props.height': {
+            title: string;
+            type: string;
+            widget: string;
+            description: string;
+            props: {
+                placeholder: string;
+            };
+        };
+        'props.template': {
+            title: string;
+            type: string;
+            widget: string;
+            enum: string[];
+            enumNames: string[];
+        };
+    };
+};
+export {};

package/dist/FormDesigner/settings/displayHeader.js

@@ -0,0 +1,101 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var hiddenCommonSetting = function hiddenCommonSetting(title) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'string';
+  return {
+    title: title,
+    type: type,
+    hidden: true
+  };
+};
+export var hiddenDisplayCommonSettings = {
+  title: hiddenCommonSetting('标题'),
+  displayType: hiddenCommonSetting('标题展示模式'),
+  description: hiddenCommonSetting('说明'),
+  default: hiddenCommonSetting('默认值'),
+  required: hiddenCommonSetting('必填', 'boolean'),
+  placeholder: hiddenCommonSetting('占位符'),
+  bind: hiddenCommonSetting('Bind'),
+  min: hiddenCommonSetting('最小值', 'number'),
+  max: hiddenCommonSetting('最大值', 'number'),
+  disabled: hiddenCommonSetting('禁用', 'boolean'),
+  readOnly: hiddenCommonSetting('只读', 'boolean'),
+  readOnlyWidget: hiddenCommonSetting('只读组件'),
+  labelWidth: hiddenCommonSetting('标签宽度', 'number')
+};
+export var headerTemplateSetting = {
+  title: '主题色',
+  type: 'string',
+  widget: 'select',
+  enum: ['default', 'blue', 'wathet', 'turquoise', 'green', 'yellow', 'orange', 'red', 'carmine', 'violet', 'purple', 'indigo', 'grey'],
+  enumNames: ['默认', '蓝', '天蓝', '青', '绿', '黄', '橙', '红', '洋红', '紫罗兰', '紫', '靛', '灰']
+};
+export function createHeaderDisplayWidget(_ref) {
+  var name = _ref.name,
+    _ref$schemaType = _ref.schemaType,
+    schemaType = _ref$schemaType === void 0 ? 'object' : _ref$schemaType,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '标题区' : _ref$text,
+    _ref$titleContent = _ref.titleContent,
+    titleContent = _ref$titleContent === void 0 ? '标题区' : _ref$titleContent,
+    widget = _ref.widget;
+  return {
+    text: text,
+    name: name,
+    schema: _objectSpread({
+      title: text,
+      type: schemaType,
+      widget: widget,
+      props: {
+        showTitle: false,
+        title: {
+          tag: 'plain_text',
+          content: titleContent
+        },
+        subtitle: {
+          tag: 'plain_text',
+          content: ''
+        },
+        template: 'default',
+        icon: {
+          tag: 'standard_icon',
+          token: 'info_colorful'
+        },
+        padding: '12px 12px 12px 20px'
+      }
+    }, schemaType === 'object' ? {
+      properties: {}
+    } : {}),
+    setting: {
+      'props.title.content': {
+        title: '标题',
+        type: 'string',
+        widget: 'input'
+      },
+      'props.subtitle.content': {
+        title: '副标题',
+        type: 'string',
+        widget: 'input'
+      },
+      'props.icon.token': {
+        title: '图标',
+        type: 'string',
+        widget: 'iconPicker'
+      },
+      'props.height': {
+        title: '标题区高度',
+        type: 'number',
+        widget: 'clearableNumberInput',
+        description: '未填写时按内容自适应',
+        props: {
+          placeholder: '如 64'
+        }
+      },
+      'props.template': headerTemplateSetting
+    }
+  };
+}