yy-forms 1.0.0

package/es/utils/mapping.js

@@ -0,0 +1,31 @@
+export function getWidgetName(schema, _mapping) {
+  var type = schema.type,
+    format = schema.format,
+    enums = schema.enum,
+    readonly = schema.readonly;
+
+  // 如果已经注明了渲染widget，那最好
+  if (schema['widget']) {
+    return schema['widget'];
+  }
+  var list = [];
+  if (readonly) {
+    list.push("".concat(type, "?readonly"));
+    list.push('*?readonly');
+  }
+  if (enums) {
+    list.push("".concat(type, "?enum"));
+    // array 默认使用list，array?enum 默认使用checkboxes，*?enum 默认使用select
+    list.push('*?enum');
+  }
+  if (format) {
+    list.push("".concat(type, ":").concat(format));
+  }
+  list.push(type); // 放在最后兜底，其他都不match时使用type默认的组件
+  var found = '';
+  list.some(function (item) {
+    found = _mapping[item];
+    return !!found;
+  });
+  return found;
+}

package/es/utils/serialize.js

@@ -0,0 +1,276 @@
+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); }
+/*
+Copyright (c) 2014, Yahoo! Inc. All rights reserved.
+Copyrights licensed under the New BSD License.
+See the accompanying LICENSE file for terms.
+*/
+
+// fork自https://github.com/yahoo/serialize-javascript.git，新增 ignoreUndefined 参数的支持
+
+import { customAlphabet } from 'nanoid';
+var nanoid = customAlphabet('1234567890abcdef');
+
+// Generate an internal UID to make the regexp pattern harder to guess.
+var UID = nanoid(32);
+var PLACE_HOLDER_REGEXP = new RegExp('(\\\\)?"@__(F|R|D|M|S|A|U|I|B|L)-' + UID + '-(\\d+)__@"', 'g');
+var IS_NATIVE_CODE_REGEXP = /\{\s*\[native code\]\s*\}/g;
+var IS_PURE_FUNCTION = /function.*?\(/;
+var IS_ARROW_FUNCTION = /.*?=>.*?/;
+var UNSAFE_CHARS_REGEXP = /[<>\/\u2028\u2029]/g;
+var RESERVED_SYMBOLS = ['*', 'async'];
+
+// Mapping of unsafe HTML and invalid JavaScript line terminator chars to their
+// Unicode char counterparts which are safe to use in JavaScript strings.
+var ESCAPED_CHARS = {
+  '<': "\\u003C",
+  '>': "\\u003E",
+  '/': "\\u002F",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+function escapeUnsafeChars(unsafeChar) {
+  return ESCAPED_CHARS[unsafeChar];
+}
+function deleteFunctions(obj) {
+  var functionKeys = [];
+  for (var key in obj) {
+    if (typeof obj[key] === 'function') {
+      functionKeys.push(key);
+    }
+  }
+  for (var i = 0; i < functionKeys.length; i++) {
+    delete obj[functionKeys[i]];
+  }
+}
+function deleteUndefined(obj) {
+  var undefinedKeys = [];
+  for (var key in obj) {
+    if (typeof obj[key] === 'undefined') {
+      undefinedKeys.push(key);
+    }
+  }
+  for (var i = 0; i < undefinedKeys.length; i++) {
+    delete obj[undefinedKeys[i]];
+  }
+}
+function serializeUtil(obj, options) {
+  options || (options = {});
+
+  // Backwards-compatibility for `space` as the second argument.
+  if (typeof options === 'number' || typeof options === 'string') {
+    options = {
+      space: options
+    };
+  }
+  var functions = [];
+  var regexps = [];
+  var dates = [];
+  var maps = [];
+  var sets = [];
+  var arrays = [];
+  var undefs = [];
+  var infinities = [];
+  var bigInts = [];
+  var urls = [];
+
+  // Returns placeholders for functions and regexps (identified by index)
+  // which are later replaced by their string representation.
+  function replacer(key, value) {
+    // For nested function
+    if (options.ignoreFunction) {
+      deleteFunctions(value);
+    }
+    if (options.ignoreUndefined) {
+      deleteUndefined(value);
+    }
+    if (!value && value !== undefined) {
+      return value;
+    }
+
+    // If the value is an object w/ a toJSON method, toJSON is called before
+    // the replacer runs, so we use this[key] to get the non-toJSONed value.
+    var origValue = this[key];
+    var type = _typeof(origValue);
+    if (type === 'object') {
+      if (origValue instanceof RegExp) {
+        return '@__R-' + UID + '-' + (regexps.push(origValue) - 1) + '__@';
+      }
+      if (origValue instanceof Date) {
+        return '@__D-' + UID + '-' + (dates.push(origValue) - 1) + '__@';
+      }
+      if (origValue instanceof Map) {
+        return '@__M-' + UID + '-' + (maps.push(origValue) - 1) + '__@';
+      }
+      if (origValue instanceof Set) {
+        return '@__S-' + UID + '-' + (sets.push(origValue) - 1) + '__@';
+      }
+      if (origValue instanceof Array) {
+        var isSparse = origValue.filter(function () {
+          return true;
+        }).length !== origValue.length;
+        if (isSparse) {
+          return '@__A-' + UID + '-' + (arrays.push(origValue) - 1) + '__@';
+        }
+      }
+      if (origValue instanceof URL) {
+        return '@__L-' + UID + '-' + (urls.push(origValue) - 1) + '__@';
+      }
+    }
+    if (type === 'function') {
+      return '@__F-' + UID + '-' + (functions.push(origValue) - 1) + '__@';
+    }
+    if (type === 'undefined') {
+      return '@__U-' + UID + '-' + (undefs.push(origValue) - 1) + '__@';
+    }
+    if (type === 'number' && !isNaN(origValue) && !isFinite(origValue)) {
+      return '@__I-' + UID + '-' + (infinities.push(origValue) - 1) + '__@';
+    }
+    if (type === 'bigint') {
+      return '@__B-' + UID + '-' + (bigInts.push(origValue) - 1) + '__@';
+    }
+    return value;
+  }
+  function serializeFunc(fn) {
+    var serializedFn = fn.toString();
+    if (IS_NATIVE_CODE_REGEXP.test(serializedFn)) {
+      throw new TypeError('Serializing native function: ' + fn.name);
+    }
+
+    // pure functions, example: {key: function() {}}
+    if (IS_PURE_FUNCTION.test(serializedFn)) {
+      return serializedFn;
+    }
+
+    // arrow functions, example: arg1 => arg1+5
+    if (IS_ARROW_FUNCTION.test(serializedFn)) {
+      return serializedFn;
+    }
+    var argsStartsAt = serializedFn.indexOf('(');
+    var def = serializedFn.substr(0, argsStartsAt).trim().split(' ').filter(function (val) {
+      return val.length > 0;
+    });
+    var nonReservedSymbols = def.filter(function (val) {
+      return RESERVED_SYMBOLS.indexOf(val) === -1;
+    });
+
+    // enhanced literal objects, example: {key() {}}
+    if (nonReservedSymbols.length > 0) {
+      return (def.indexOf('async') > -1 ? 'async ' : '') + 'function' + (def.join('').indexOf('*') > -1 ? '*' : '') + serializedFn.substr(argsStartsAt);
+    }
+
+    // arrow functions
+    return serializedFn;
+  }
+
+  // Check if the parameter is function
+  if (options.ignoreFunction && typeof obj === 'function') {
+    obj = undefined;
+  }
+  // Protects against `JSON.stringify()` returning `undefined`, by serializing
+  // to the literal string: "undefined".
+  if (obj === undefined) {
+    return String(obj);
+  }
+  var str;
+
+  // Creates a JSON string representation of the value.
+  // NOTE: Node 0.12 goes into slow mode with extra JSON.stringify() args.
+  if (options.isJSON && !options.space) {
+    str = JSON.stringify(obj);
+  } else {
+    str = JSON.stringify(obj, options.isJSON ? null : replacer, options.space);
+  }
+
+  // Protects against `JSON.stringify()` returning `undefined`, by serializing
+  // to the literal string: "undefined".
+  if (typeof str !== 'string') {
+    return String(str);
+  }
+
+  // Replace unsafe HTML and invalid JavaScript line terminator chars with
+  // their safe Unicode char counterpart. This _must_ happen before the
+  // regexps and functions are serialized and added back to the string.
+  if (options.unsafe !== true) {
+    str = str.replace(UNSAFE_CHARS_REGEXP, escapeUnsafeChars);
+  }
+  if (functions.length === 0 && regexps.length === 0 && dates.length === 0 && maps.length === 0 && sets.length === 0 && arrays.length === 0 && undefs.length === 0 && infinities.length === 0 && bigInts.length === 0 && urls.length === 0) {
+    return str;
+  }
+
+  // Replaces all occurrences of function, regexp, date, map and set placeholders in the
+  // JSON string with their string representations. If the original value can
+  // not be found, then `undefined` is used.
+  return str.replace(PLACE_HOLDER_REGEXP, function (match, backSlash, type, valueIndex) {
+    // The placeholder may not be preceded by a backslash. This is to prevent
+    // replacing things like `"a\"@__R-<UID>-0__@"` and thus outputting
+    // invalid JS.
+    if (backSlash) {
+      return match;
+    }
+    if (type === 'D') {
+      return 'new Date("' + dates[valueIndex].toISOString() + '")';
+    }
+    if (type === 'R') {
+      return 'new RegExp(' + serialize(regexps[valueIndex].source) + ', "' + regexps[valueIndex].flags + '")';
+    }
+    if (type === 'M') {
+      return 'new Map(' + serialize(Array.from(maps[valueIndex].entries()), options) + ')';
+    }
+    if (type === 'S') {
+      return 'new Set(' + serialize(Array.from(sets[valueIndex].values()), options) + ')';
+    }
+    if (type === 'A') {
+      return 'Array.prototype.slice.call(' + serialize(Object.assign({
+        length: arrays[valueIndex].length
+      }, arrays[valueIndex]), options) + ')';
+    }
+    if (type === 'U') {
+      return 'undefined';
+    }
+    if (type === 'I') {
+      return infinities[valueIndex];
+    }
+    if (type === 'B') {
+      return 'BigInt("' + bigInts[valueIndex] + '")';
+    }
+    if (type === 'L') {
+      return 'new URL("' + urls[valueIndex].toString() + '")';
+    }
+    var fn = functions[valueIndex];
+    return serializeFunc(fn);
+  });
+}
+
+/**
+ * @description 使用serialize-javascript进行序列化，替代JSON.stringify()
+ * @description 组件rules里面会存储一些validator函数，如果用JSON.stringify提交给接口会丢失
+ * @param {*} obj 传入需要序列化的值
+ * @returns 序列化后的值
+ */
+function serialize(obj) {
+  return serializeUtil(obj, {
+    ignoreUndefined: true
+  });
+}
+
+/**
+ * @description 序列化成编辑器需要的展示格式
+ * @param {*} obj  传入需要序列化的值
+ * @return {*}  序列化后的值
+ */
+function serializeToDraft(obj) {
+  return serializeUtil(obj, {
+    space: 2,
+    ignoreUndefined: true
+  });
+}
+
+/**
+ * @description 对serialize-javascript序列化后的值进行反序列化化
+ * @param {*} serializedJavascript 反序列化后的值
+ * @returns
+ */
+function deserialize(serializedJavascript) {
+  return new Function('return ' + serializedJavascript)();
+}
+export { deserialize, serialize, serializeToDraft, serializeUtil };

package/es/widgets/htmlInput.js

@@ -0,0 +1,20 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Input } from 'antd';
+import React from 'react';
+export default function HtmlInput(_ref) {
+  var value = _ref.value,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly,
+    options = _ref.options,
+    onChange = _ref.onChange;
+  var handleChange = function handleChange(e) {
+    var newVal = e.target.value;
+    onChange(newVal && newVal.replace(/on(.*?=)/g, 'no$1'));
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    disabled: disabled || readonly
+  }, options, {
+    onChange: handleChange,
+    value: value && value.replace(/no(.*?=)/g, 'on$1')
+  }));
+}

package/es/widgets/idInput.js

@@ -0,0 +1,23 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Input } from 'antd';
+import React from 'react';
+import { changeKeyFromUniqueId, getKeyFromUniqueId } from '../utils';
+export default function IdInput(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly,
+    options = _ref.options;
+  var handleChange = function handleChange(e) {
+    try {
+      var newId = changeKeyFromUniqueId(value, e.target.value);
+      onChange(newId);
+    } catch (error) {}
+  };
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    disabled: disabled || readonly
+  }, options, {
+    onChange: handleChange,
+    value: getKeyFromUniqueId(value)
+  }));
+}

package/es/widgets/index.js

@@ -0,0 +1,5 @@
+import htmlInput from './htmlInput';
+import idInput from './idInput';
+import jsonInput from './jsonInput';
+import percentSlider from './percentSlider';
+export { idInput, htmlInput, jsonInput, percentSlider };

package/es/widgets/jsonInput.js

@@ -0,0 +1,24 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { Input } from 'antd';
+import React from 'react';
+export default function jsonInput(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly,
+    options = _ref.options;
+  var handleChange = function handleChange(e) {
+    try {
+      onChange(JSON.parse(e.target.value));
+    } catch (_unused) {
+      onChange(e.target.value);
+    }
+  };
+  var inputValue = typeof value === 'string' ? value : JSON.stringify(value);
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    disabled: disabled || readonly
+  }, options, {
+    onChange: handleChange,
+    value: inputValue
+  }));
+}

package/es/widgets/list.js

@@ -0,0 +1,24 @@
+import { DeleteOutlined, PlusCircleOutlined } from '@ant-design/icons';
+import { Button } from 'antd';
+import React from 'react';
+export default function list(props) {
+  if (!/^#/.test(props.schema.$id)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "w-100"
+    }, props.children);
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-column"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "fr-set w-100 flex flex-column ba pt4 pb2 ph2 relative b--black-10"
+  }, props.children, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    className: "self-end",
+    type: "dashed",
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+  }, "\u5220\u9664")), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    className: "self-end",
+    icon: /*#__PURE__*/React.createElement(PlusCircleOutlined, null)
+  }, "\u6DFB\u52A0"));
+}

package/es/widgets/percentSlider.js

@@ -0,0 +1,89 @@
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
+import { InputNumber, Slider } from 'antd';
+import React from 'react';
+var PercentSlider = function PercentSlider(p) {
+  var style = p.invalid ? {
+    borderColor: '#f5222d'
+  } : {};
+  var _p$schema = p.schema,
+    max = _p$schema.max,
+    min = _p$schema.min,
+    step = _p$schema.step;
+  var setting = {};
+  if (max || max === 0) {
+    setting = {
+      max: max
+    };
+  }
+  if (min || min === 0) {
+    setting = _objectSpread(_objectSpread({}, setting), {}, {
+      min: min
+    });
+  }
+  if (step) {
+    setting = _objectSpread(_objectSpread({}, setting), {}, {
+      step: step
+    });
+  }
+  var hideNumber = false;
+  if (p.options && p.options.hideNumber) {
+    hideNumber = true;
+  }
+  var isPercent = function isPercent(string) {
+    return typeof string === 'string' && string.endsWith('%');
+  };
+  var numberValue = 100;
+  if (isPercent(p.value)) {
+    try {
+      numberValue = Number(p.value.split('%')[0]);
+      if (Number.isNaN(numberValue)) numberValue = 100;
+    } catch (error) {}
+  }
+  var handleChange = function handleChange(newNumber) {
+    var a = newNumber + '%';
+    p.onChange(a);
+  };
+  var renderNumber = p.readonly ? /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: '80px'
+    }
+  }, p.value === (undefined || '') ? '-' : p.value + '%') : /*#__PURE__*/React.createElement(InputNumber, _extends({}, p.options, setting, {
+    style: _objectSpread({
+      width: '80px'
+    }, style),
+    value: numberValue,
+    disabled: p.disabled,
+    onChange: handleChange,
+    formatter: function formatter(value) {
+      return "".concat(value, "%");
+    },
+    parser: function parser(value) {
+      return value.replace('%', '');
+    }
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fr-slider"
+  }, /*#__PURE__*/React.createElement(Slider, _extends({
+    style: {
+      flexGrow: 1,
+      marginRight: hideNumber ? 0 : 12
+    }
+  }, setting, {
+    onChange: handleChange,
+    max: 100,
+    tooltip: {
+      formatter: function formatter(v) {
+        return v + '%';
+      }
+    },
+    value: numberValue || 100,
+    disabled: p.disabled || p.readonly
+  })), hideNumber ? null : renderNumber);
+};
+export default PercentSlider;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "yy-forms",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "typings": "dist/index.d.ts",
+  "license": "MIT",
+  "scripts": {
+    "beta": "npm publish --tag beta",
+    "build": "father-build",
+    "prepare": "yarn build",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "postpublish": "git push --tags",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "babel-plugin-import": "^1.13.8",
+    "clone": "^2.1.2",
+    "copy-text-to-clipboard": "^2.2.0",
+    "father-build": "^1.22.5",
+    "form-render": "^1.0.0",
+    "i18next": "^21.8.11",
+    "moment": "^2.27.0",
+    "nanoid": "^3.1.22",
+    "randombytes": "2.1.0",
+    "rc-color-picker": "^1.2.6",
+    "react-dnd": "^14.0.2",
+    "react-dnd-html5-backend": "^14.0.0",
+    "react-i18next": "^11.17.2",
+    "react-sortable-hoc": "^2.0.0"
+  },
+  "devDependencies": {
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.4.0"
+  },
+  "peerDependencies": {
+    "antd": "4.x",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  }
+}