@openli1115/lowcode-edit-pro-table 1.0.23

package/es/components/PrintButton/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PrintButtonProps {
+    text?: string;
+    printId?: string;
+}
+declare const PrintButton: React.FC<PrintButtonProps>;
+export default PrintButton;

package/es/components/PrintButton/index.js

@@ -0,0 +1,97 @@
+import _Button from "@alifd/next/es/button";
+import _extends from "@babel/runtime/helpers/extends";
+import _message from "antd/es/message";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["text", "printId"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { baseUrl } from "../utils";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var logicParamListUrl = baseUrl + "/modules/print/printFormManage/logicDesignParamList";
+var PrintButton = function PrintButton(props) {
+  var text = props.text,
+    printId = props.printId,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  useEffect(function () {
+    console.log('printId', printId);
+  }, [printId]);
+
+  /**
+   * 筛选打印字段，组装数据
+   * 筛选出customType为3和4的：3是屏幕结构，4是屏幕内表
+   */
+  var getPrintParamList = function getPrintParamList(data) {
+    var paramItemList = {};
+    var filterData = data.filter(function (item) {
+      return +item.customType === 3 || +item.customType === 4;
+    });
+    window.generateStructureForm && window.generateStructureForm(); // 每个屏幕结构增加了data属性
+    window.screenParamItemList && Object.keys(window.screenParamItemList).forEach(function (key) {
+      var paramItem = filterData.find(function (item) {
+        return item.paramName === key;
+      });
+      if (paramItem) {
+        paramItemList[key] = window.screenParamItemList[key];
+      }
+    });
+    return paramItemList;
+  };
+  var handleClick = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var res, paramItemList, data, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (printId) {
+              _context.next = 1;
+              break;
+            }
+            _message.warning('请先设置打印配置');
+            // console.error('printId is required');
+            return _context.abrupt("return");
+          case 1:
+            _context.prev = 1;
+            _context.next = 2;
+            return fetch(logicParamListUrl + "?printFormId=" + printId, {
+              headers: {
+                Authorization: "Bearer " + (window.token || localStorage.getItem('token'))
+              }
+            });
+          case 2:
+            res = _context.sent;
+            paramItemList = {};
+            _context.next = 3;
+            return res.json();
+          case 3:
+            data = _context.sent;
+            if (data && data.length) {
+              paramItemList = getPrintParamList(data);
+            }
+            window.parent && window.parent.printById && window.parent.printById(printId, {
+              paramItemList: paramItemList
+            });
+            _context.next = 5;
+            break;
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](1);
+            console.error('请求出错:', _t);
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 4]]);
+    }));
+    return function handleClick() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement(_Button, _extends({}, otherProps, {
+    onClick: handleClick
+  }), text);
+};
+export default PrintButton;

package/es/components/ProCascaderSelect/index.d.ts

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

package/es/components/ProCascaderSelect/index.js

@@ -0,0 +1,48 @@
+import _CascaderSelect from "@alifd/next/es/cascader-select";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "dataSource", "defaultValue", "disableEdit"];
+import { getStructureFieldName } from "../utils";
+import { useComponentContext } from "../../context/useComponentContext";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ProCascaderSelect = function ProCascaderSelect(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    screen_inner_id = props.screen_inner_id,
+    dataSource = props.dataSource,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _getStructureFieldNam = getStructureFieldName(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = useComponentContext(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProCascaderSelect 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(_CascaderSelect, _extends({}, props, {
+    value: value,
+    onChange: handleChange,
+    dataSource: dataSource
+  })));
+};
+export default ProCascaderSelect;

package/es/components/ProCheckbox/index.d.ts

@@ -0,0 +1,14 @@
+import { Checkbox } from '@alifd/next';
+/**
+ * ProCheckbox
+ * @description 复选按钮
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ * @param {string} dataSource 数据源
+ * @param {string} checkedValue 选中值
+ * @param {string} defaultChecked 默认选中
+ * @param {string} checked 是否选中
+ */
+declare const ProCheckbox: typeof Checkbox;
+export default ProCheckbox;

package/es/components/ProCheckbox/index.js

@@ -0,0 +1,59 @@
+import _Checkbox from "@alifd/next/es/checkbox";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "checkedValue", "checked", "disableEdit"];
+import { getStructureFieldName } from "../utils";
+import { useComponentContext } from "../../context/useComponentContext";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+
+/**
+ * ProCheckbox
+ * @description 复选按钮
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ * @param {string} dataSource 数据源
+ * @param {string} checkedValue 选中值
+ * @param {string} defaultChecked 默认选中
+ * @param {string} checked 是否选中
+ */
+var ProCheckbox = function ProCheckbox(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    screen_inner_id = props.screen_inner_id,
+    checkedValue = props.checkedValue,
+    checked = props.checked,
+    disableEdit = props.disableEdit,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _getStructureFieldNam = getStructureFieldName(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = useComponentContext(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProCheckbox 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(_Checkbox, _extends({}, props, {
+    checked: value,
+    onChange: handleChange
+  })));
+};
+export default ProCheckbox;

package/es/components/ProDatePicker/index.d.ts

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

package/es/components/ProDatePicker/index.js

@@ -0,0 +1,45 @@
+import _DatePicker from "@alifd/next/es/date-picker";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["screen_structure", "screen_structure_field", "defaultValue", "disableEdit"];
+import { getStructureFieldName } from "../utils";
+import { useComponentContext } from "../../context/useComponentContext";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+var ProDatePicker = function ProDatePicker(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    defaultValue = props.defaultValue,
+    disableEdit = props.disableEdit,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _getStructureFieldNam = getStructureFieldName(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = useComponentContext(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProDatePicker 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(_DatePicker, _extends({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+export default ProDatePicker;

package/es/components/ProInput/index.d.ts

@@ -0,0 +1,10 @@
+import { Input } from '@alifd/next';
+/**
+ * ProInput
+ * @description 输入框组件
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ */
+declare const ProInput: typeof Input;
+export default ProInput;

package/es/components/ProInput/index.js

@@ -0,0 +1,53 @@
+import _Input from "@alifd/next/es/input";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "disableEdit"];
+import { getStructureFieldName } from "../utils";
+import { useComponentContext } from "../../context/useComponentContext";
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+
+/**
+ * ProInput
+ * @description 输入框组件
+ * @param {string} screen_structure_field 屏幕结构字段
+ * @param {string} screen_inner_id 屏幕内部id
+ * @param {string} screen_structure 屏幕结构
+ */
+var ProInput = function ProInput(props) {
+  var screen_structure = props.screen_structure,
+    screen_structure_field = props.screen_structure_field,
+    screen_inner_id = props.screen_inner_id,
+    disableEdit = props.disableEdit,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _getStructureFieldNam = getStructureFieldName(screen_structure, screen_structure_field),
+    structureName = _getStructureFieldNam.structureName,
+    structureField = _getStructureFieldNam.structureField;
+  var fieldPath = structureName + "." + structureField;
+  var _useComponentContext = useComponentContext(fieldPath),
+    value = _useComponentContext.value,
+    onValueChange = _useComponentContext.onValueChange;
+  console.log('ProInput 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, _extends({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+export default ProInput;

package/es/components/ProNextText/index.js

@@ -0,0 +1,160 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+var _excluded = ["prefix", "className"],
+  _excluded2 = ["prefix", "className", "type", "component", "strong", "underline", "delete", "code", "mark", "required"],
+  _excluded3 = ["prefix", "className", "component"];
+import classNames from 'classnames';
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+export var 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;
+    }
+    _inheritsLoose(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 = _objectWithoutPropertiesLoose(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(Text, _extends({}, others, {
+        component: Tag,
+        className: (className || '') + " " + prefix + "typography-title"
+      }));
+    };
+    return Title;
+  }(React.Component);
+  Title.defaultProps = {
+    prefix: 'next-'
+  };
+  Title.displayName = Tag.toUpperCase();
+  return Title;
+};
+
+/**
+ * 判断是否是生产环境
+ * @type {Boolean}
+ */
+export var isProduction = function isProduction() {
+  var PRODUCTION_ENV = 'production';
+  var result = false;
+  try {
+    if (process.env.NODE_ENV === PRODUCTION_ENV) {
+      result = true;
+    }
+  } catch (err) {
+    //
+  }
+  return result;
+};
+
+// 兼容老逻辑
+export var 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 = _objectWithoutPropertiesLoose(props, _excluded2);
+  var children = props.children;
+  var newType = textTypeMap[type] || type;
+  var cls = classNames(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, _extends({}, 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 = _objectWithoutPropertiesLoose(props, _excluded3);
+  console.log('props', props);
+  var cls = classNames(prefix + "text-paragraph", className);
+  if (!isProduction()) {
+    console.warn('Warning: Text.Paragraph is deprecated, use P instead');
+  }
+  return /*#__PURE__*/React.createElement(Text, _extends({}, 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;
+export default RefText;