@openli1115/lowcode-edit-pro-table 1.0.23

package/lib/components/ProNextText/index.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.textTypeMap = exports.isProduction = exports["default"] = exports.createTitle = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["prefix", "className"],
+  _excluded2 = ["prefix", "className", "type", "component", "strong", "underline", "delete", "code", "mark", "required"],
+  _excluded3 = ["prefix", "className", "component"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var createTitle = exports.createTitle = function createTitle(Tag) {
+  /**
+   * Typography.Title
+   * @description 分为 H1, H2, H3, H4, H5, H6 不同的组件，表示不同层级，继承 Typography.Text API
+   * @order 1
+   */
+  var Title = /*#__PURE__*/function (_React$Component) {
+    function Title() {
+      return _React$Component.apply(this, arguments) || this;
+    }
+    (0, _inheritsLoose2["default"])(Title, _React$Component);
+    var _proto = Title.prototype;
+    _proto.render = function render() {
+      var _this$props = this.props,
+        prefix = _this$props.prefix,
+        className = _this$props.className,
+        others = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Text, (0, _extends2["default"])({}, others, {
+        component: Tag,
+        className: (className || '') + " " + prefix + "typography-title"
+      }));
+    };
+    return Title;
+  }(React.Component);
+  Title.defaultProps = {
+    prefix: 'next-'
+  };
+  Title.displayName = Tag.toUpperCase();
+  return Title;
+};
+
+/**
+ * 判断是否是生产环境
+ * @type {Boolean}
+ */
+var isProduction = exports.isProduction = function isProduction() {
+  var PRODUCTION_ENV = 'production';
+  var result = false;
+  try {
+    if (process.env.NODE_ENV === PRODUCTION_ENV) {
+      result = true;
+    }
+  } catch (err) {
+    //
+  }
+  return result;
+};
+
+// 兼容老逻辑
+var textTypeMap = exports.textTypeMap = {
+  'body-1': 'body2',
+  'body-2': 'body1',
+  subhead: 'h6',
+  title: 'h5',
+  headline: 'h4',
+  'display-1': 'h3',
+  'display-2': 'h2',
+  'display-3': 'h1'
+};
+/**
+ * 文字 字体、大小、行高
+ * @param props
+ */
+var Text = function Text(props, ref) {
+  var _classNames;
+  var prefix = props.prefix,
+    className = props.className,
+    type = props.type,
+    _props$component = props.component,
+    component = _props$component === void 0 ? 'span' : _props$component,
+    strong = props.strong,
+    underline = props.underline,
+    deleteProp = props["delete"],
+    code = props.code,
+    mark = props.mark,
+    required = props.required,
+    others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
+  var children = props.children;
+  var newType = textTypeMap[type] || type;
+  var cls = (0, _classnames["default"])(className, (_classNames = {}, _classNames[prefix + "text"] = true, _classNames[prefix + "text-" + newType] = newType, _classNames));
+  if (typeof children === 'string' && children.indexOf('\n') !== -1) {
+    var childrenList = children.split('\n');
+    var newChildren = [];
+    childrenList.forEach(function (child) {
+      newChildren.push(child);
+      newChildren.push(/*#__PURE__*/React.createElement("br", null));
+    });
+    newChildren.pop();
+    children = newChildren;
+  }
+  var Tag = component;
+  if (strong) {
+    children = /*#__PURE__*/React.createElement("strong", null, children);
+  }
+  if (underline) {
+    children = /*#__PURE__*/React.createElement("u", null, children);
+  }
+  if (deleteProp) {
+    children = /*#__PURE__*/React.createElement("del", null, children);
+  }
+  if (code) {
+    children = /*#__PURE__*/React.createElement("code", null, children);
+  }
+  if (mark) {
+    children = /*#__PURE__*/React.createElement("mark", null, children);
+  }
+  return /*#__PURE__*/React.createElement(Tag, (0, _extends2["default"])({}, others, {
+    className: cls,
+    ref: ref,
+    style: {
+      marginRight: '2px'
+    }
+  }), children, required && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: 'red',
+      marginLeft: '5px'
+    }
+  }, "*"));
+};
+var RefText = React.forwardRef(Text);
+RefText.defaultProps = {
+  prefix: 'next-'
+};
+var Paragraph = function Paragraph(props) {
+  var prefix = props.prefix,
+    className = props.className,
+    component = props.component,
+    others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded3);
+  console.log('props', props);
+  var cls = (0, _classnames["default"])(prefix + "text-paragraph", className);
+  if (!isProduction()) {
+    console.warn('Warning: Text.Paragraph is deprecated, use P instead');
+  }
+  return /*#__PURE__*/React.createElement(Text, (0, _extends2["default"])({}, others, {
+    className: cls,
+    component: component
+  }));
+};
+
+// 为了保证兼容性，@alifd/next基础组件中 Typography 组件有的所有子组件、功能，Text也有，但是均不建议使用
+RefText.H1 = createTitle('h1');
+RefText.H2 = createTitle('h2');
+RefText.H3 = createTitle('h3');
+RefText.H4 = createTitle('h4');
+RefText.H5 = createTitle('h5');
+RefText.H6 = createTitle('h6');
+RefText.Paragraph = Paragraph;
+var _default = exports["default"] = RefText;

package/lib/components/ProNextText/index.scss

@@ -0,0 +1,283 @@
+$css-prefix: '.next-';
+
+:root {
+  --s-base: 4px;
+  --s-compact: calc(var(--s-base) * 50);
+  --s-comfortable: calc(var(--s-base) * 80);
+  --s-luxury: calc(var(--s-base) * 160);
+  --s-1: 4px;
+  --s-2: 8px;
+  --s-3: 12px;
+  --s-4: 16px;
+  --s-5: 20px;
+  --s-6: 24px;
+  --s-7: 28px;
+  --s-8: 32px;
+  --s-9: 36px;
+  --s-10: 40px;
+
+  /* font */
+  --font-family: Roboto, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'PingFang SC',
+    'Microsoft YaHei';
+  --p-h1-font-size: 56px;
+  --p-h1-icon-size: 56px;
+  --p-h1-font-weight: 900;
+  --p-h1-line-height: 64px;
+  --p-h1-margin-top: var(--s-9);
+  --p-h1-margin-bottom: var(--s-1);
+
+  --p-h2-font-size: 48px;
+  --p-h2-icon-size: 48px;
+  --p-h2-font-weight: 800;
+  --p-h2-line-height: 52px;
+  --p-h2-margin-top: var(--s-8);
+  --p-h2-margin-bottom: var(--s-1);
+
+  --p-h3-font-size: 36px;
+  --p-h3-icon-size: 36px;
+  --p-h3-font-weight: 700;
+  --p-h3-line-height: 44px;
+  --p-h3-margin-top: var(--s-7);
+  --p-h3-margin-bottom: var(--s-1);
+
+  --p-h4-font-size: 24px;
+  --p-h4-icon-size: 24px;
+  --p-h4-font-weight: 600;
+  --p-h4-line-height: 32px;
+  --p-h4-margin-top: var(--s-5);
+  --p-h4-margin-bottom: var(--s-2);
+
+  --p-h5-font-size: 20px;
+  --p-h5-icon-size: 20px;
+  --p-h5-font-weight: 500;
+  --p-h5-line-height: 28px;
+  --p-h5-margin-top: var(--s-4); // 上下不一定相等
+  --p-h5-margin-bottom: var(--s-1);
+
+  /* large */
+  --p-h6-font-size: 16px;
+  --p-h6-icon-size: 16px;
+  --p-h6-font-weight: 400;
+  --p-h6-line-height: 24px;
+  --p-h6-margin-top: var(--s-4);
+  --p-h6-margin-bottom: var(--s-1);
+
+  --p-body1-font-size: 16px;
+  --p-body1-icon-size: 16px;
+  --p-body1-font-weight: 400;
+  --p-body1-line-height: 24px;
+  --p-body1-margin-top: var(--s-3);
+  --p-body1-margin-bottom: var(--s-1);
+  --p-body1-indent-size: var(--s-2);
+
+  /* medium */
+  --p-body2-font-size: 14px;
+  --p-body2-icon-size: 14px;
+  --p-body2-font-weight: 400;
+  --p-body2-line-height: 22px;
+  --p-body2-margin-top: var(--s-2);
+  --p-body2-margin-bottom: var(--s-1);
+  --p-body2-indent-size: var(--s-2);
+
+  /* small */
+  --p-caption-font-size: 12px;
+  --p-caption-icon-size: 12px;
+  --p-caption-font-weight: 300;
+  --p-caption-line-height: 20px;
+  --p-caption-margin-top: var(--s-3);
+  --p-caption-margin-bottom: var(--s-1);
+  --p-caption-indent-size: var(--s-1);
+
+  --p-overline-font-size: 10px;
+  --p-overline-icon-size: 10px;
+  --p-overline-font-weight: 200;
+  --p-overline-line-height: 18px;
+  --p-overline-margin-top: var(--s-1);
+  --p-overline-margin-bottom: var(--s-1);
+}
+
+body {
+  --p-h1-margin-top: var(--s-1);
+  --p-h2-margin-top: var(--s-1);
+  --p-h3-margin-top: var(--s-1);
+  --p-h4-margin-top: var(--s-1);
+  --p-h5-margin-top: var(--s-1);
+  --p-h6-margin-top: var(--s-1);
+  --p-body1-margin-top: var(--s-1);
+  --p-body2-margin-top: var(--s-1);
+  --p-caption-margin-top: var(--s-1);
+}
+#{$css-prefix}text {
+  color: #1f2633;
+  text-align: justify;
+
+  // & + & {
+  //     margin-left: 0;
+  // }
+
+  &-title {
+    font-weight: bold;
+    margin-bottom: 0.5em;
+  }
+
+  & + &-title {
+    margin-top: 1.2em;
+  }
+
+  &-paragraph {
+    color: #1f2633;
+    margin-bottom: 1em;
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  mark {
+    padding: 0;
+    background: #fffbc7;
+    color: #1f2633;
+  }
+
+  strong {
+    font-weight: bold;
+  }
+
+  code {
+    background-color: #f4f6f9;
+    color: #1f2633;
+    border: 1px solid #e4e8ee;
+    margin: 0 0.2em;
+    padding: 0.2em 0.4em 0.1em;
+    font-size: 85%;
+    border-radius: 4px;
+  }
+
+  ul,
+  ol {
+    margin: 0 0 1em 0;
+    padding: 0;
+  }
+
+  li {
+    list-style-type: circle;
+    margin: 0 0 0 20px;
+    padding: 0 0 0 4px;
+  }
+
+  a {
+    text-decoration: none;
+    &:link {
+      color: rgba(3, 193, 253, 1);
+    }
+    &:visited {
+      color: rgba(0, 123, 176, 1);
+    }
+    &:hover {
+      color: rgba(0, 157, 214, 1);
+    }
+    &:active {
+      text-decoration: underline;
+      color: rgba(0, 157, 214, 1);
+    }
+  }
+}
+
+h1#{$css-prefix}text-title {
+  font-size: 24px;
+}
+
+h2#{$css-prefix}text-title {
+  font-size: 20px;
+}
+
+h3#{$css-prefix}text-title {
+  font-size: 16px;
+}
+
+h4#{$css-prefix}text-title {
+  font-size: 16px;
+}
+
+h5#{$css-prefix}text-title {
+  font-size: 14px;
+}
+
+h6#{$css-prefix}text-title {
+  font-size: 14px;
+}
+#{$css-prefix}text {
+  &-inherit {
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+  }
+  &-overline {
+    font-family: var(--p-overline-font-family);
+    font-size: var(--p-overline-font-size);
+    font-weight: var(--p-overline-font-weight);
+    line-height: var(--p-overline-line-height);
+  }
+
+  &-caption {
+    font-family: var(--p-caption-font-family);
+    font-size: var(--p-caption-font-size);
+    font-weight: var(--p-caption-font-weight);
+    line-height: var(--p-caption-line-height);
+  }
+
+  &-body2 {
+    font-family: var(--p-body2-font-family);
+    font-size: var(--p-body2-font-size);
+    font-weight: var(--p-body2-font-weight);
+    line-height: var(--p-body2-line-height);
+  }
+
+  &-body1 {
+    font-family: var(--p-body1-font-family);
+    font-size: var(--p-body1-font-size);
+    font-weight: var(--p-body1-font-weight);
+    line-height: var(--p-body1-line-height);
+  }
+
+  &-h6 {
+    font-family: var(--p-h6-font-family);
+    font-size: var(--p-h6-font-size);
+    font-weight: var(--p-h6-font-weight);
+    line-height: var(--p-h6-line-height);
+  }
+
+  &-h5 {
+    font-family: var(--p-h5-font-family);
+    font-size: var(--p-h5-font-size);
+    font-weight: var(--p-h5-font-weight);
+    line-height: var(--p-h5-line-height);
+  }
+
+  &-h4 {
+    font-family: var(--p-h4-font-family);
+    font-size: var(--p-h4-font-size);
+    font-weight: var(--p-h4-font-weight);
+    line-height: var(--p-h4-line-height);
+  }
+
+  &-h3 {
+    font-family: var(--p-h3-font-family);
+    font-size: var(--p-h3-font-size);
+    font-weight: var(--p-h3-font-weight);
+    line-height: var(--p-h3-line-height);
+  }
+
+  &-h2 {
+    font-family: var(--p-h2-font-family);
+    font-size: var(--p-h2-font-size);
+    font-weight: var(--p-h2-font-weight);
+    line-height: var(--p-h2-line-height);
+  }
+
+  &-h1 {
+    font-family: var(--p-h1-font-family);
+    font-size: var(--p-h1-font-size);
+    font-weight: var(--p-h1-font-weight);
+    line-height: var(--p-h1-line-height);
+  }
+}

package/lib/components/ProRadio/index.d.ts

@@ -0,0 +1,14 @@
+import { Radio } from '@alifd/next';
+/**
+ * ProRadio
+ * @description 单选按钮组
+ * @param {string} defaultValue 默认值(radio.group才有的字段)
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ * @param {string} dataSource 数据源
+ * @param {string} checkedValue 选中值
+ * @param {string} checked 默认选中
+ */
+declare const ProRadio: typeof Radio;
+export default ProRadio;

package/lib/components/ProRadio/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _utils = require("../utils");
+var _useComponentContext2 = require("../../context/useComponentContext");
+var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "defaultValue", "disableEdit"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+
+/**
+ * ProRadio
+ * @description 单选按钮组
+ * @param {string} defaultValue 默认值(radio.group才有的字段)
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ * @param {string} dataSource 数据源
+ * @param {string} checkedValue 选中值
+ * @param {string} checked 默认选中
+ */
+var ProRadio = function ProRadio(props) {
+  var dataSource = props.dataSource,
+    screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    screen_inner_id = props.screen_inner_id,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var _getStructureFieldNam = (0, _utils.getStructureFieldName)(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = (0, _useComponentContext2.useComponentContext)(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProRadio useComponentContext value', value, fieldPath);
+  // console.log('otherProps', otherProps);
+
+  var handleChange = function handleChange(newValue) {
+    // updateScreenStructure(screen_structure, screen_structure_field, value);
+    if (onValueChange) {
+      onValueChange(newValue);
+    }
+    // 触发标准 onChange
+    if (props.onChange) {
+      props.onChange(newValue, structureName, structureField);
+    }
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
+  }, /*#__PURE__*/React.createElement(_radio["default"].Group, (0, _extends2["default"])({}, props, {
+    value: value,
+    onChange: handleChange,
+    dataSource: dataSource
+  })));
+};
+var _default = exports["default"] = ProRadio;

package/lib/components/ProSelect/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ProSelect: (props: any) => JSX.Element;
+export default ProSelect;

package/lib/components/ProSelect/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _utils = require("../utils");
+var _useComponentContext2 = require("../../context/useComponentContext");
+var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "defaultValue", "disableEdit"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ProSelect = function ProSelect(props) {
+  var dataSource = props.dataSource,
+    screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    screen_inner_id = props.screen_inner_id,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var _getStructureFieldNam = (0, _utils.getStructureFieldName)(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = (0, _useComponentContext2.useComponentContext)(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProSelect useComponentContext value', value, fieldPath);
+  // console.log('otherProps', otherProps);
+
+  var handleChange = function handleChange(newValue) {
+    // updateScreenStructure(screen_structure, screen_structure_field, value);
+    if (onValueChange) {
+      onValueChange(newValue);
+    }
+    // 触发标准 onChange
+    if (props.onChange) {
+      props.onChange(newValue, structureName, structureField);
+    }
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
+  }, /*#__PURE__*/React.createElement(_select["default"], (0, _extends2["default"])({}, props, {
+    value: value,
+    onChange: handleChange,
+    dataSource: dataSource
+  })));
+};
+var _default = exports["default"] = ProSelect;

package/lib/components/ProTextArea/index.d.ts

@@ -0,0 +1,3 @@
+import { Input as oringinalInput } from '@alifd/next';
+declare const ProTextArea: typeof oringinalInput;
+export default ProTextArea;

package/lib/components/ProTextArea/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _utils = require("../utils");
+var _useComponentContext2 = require("../../context/useComponentContext");
+var _excluded = ["screen_structure", "screen_structure_field", "defaultValue", "disableEdit"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ProTextArea = function ProTextArea(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var _getStructureFieldNam = (0, _utils.getStructureFieldName)(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = (0, _useComponentContext2.useComponentContext)(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProTextArea useComponentContext value', value, fieldPath);
+  // console.log('otherProps', otherProps);
+
+  var handleChange = function handleChange(newValue) {
+    // updateScreenStructure(screen_structure, screen_structure_field, value);
+    if (onValueChange) {
+      onValueChange(newValue);
+    }
+    // 触发标准 onChange
+    if (props.onChange) {
+      props.onChange(newValue, structureName, structureField);
+    }
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
+  }, /*#__PURE__*/React.createElement(_input["default"].TextArea, (0, _extends2["default"])({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+var _default = exports["default"] = ProTextArea;

package/lib/components/ProTimePicker/index.d.ts

@@ -0,0 +1,3 @@
+import { TimePicker } from '@alifd/next';
+declare const ProTimePicker: typeof TimePicker;
+export default ProTimePicker;