@openli1115/lowcode-edit-pro-table 1.0.23

package/es/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/es/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/es/components/ProRadio/index.js

@@ -0,0 +1,60 @@
+import _Radio from "@alifd/next/es/radio";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "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;
+
+/**
+ * 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 = _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('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.Group, _extends({}, props, {
+    value: value,
+    onChange: handleChange,
+    dataSource: dataSource
+  })));
+};
+export default ProRadio;

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

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

package/es/components/ProSelect/index.js

@@ -0,0 +1,48 @@
+import _Select from "@alifd/next/es/select";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "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 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 = _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('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, _extends({}, props, {
+    value: value,
+    onChange: handleChange,
+    dataSource: dataSource
+  })));
+};
+export default ProSelect;

package/es/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/es/components/ProTextArea/index.js

@@ -0,0 +1,45 @@
+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", "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 ProTextArea = function ProTextArea(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('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.TextArea, _extends({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+export default ProTextArea;

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

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

package/es/components/ProTimePicker/index.js

@@ -0,0 +1,61 @@
+import _TimePicker from "@alifd/next/es/time-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 moment = window.moment;
+
+// 工具函数：Date 转字符串 "HH:mm:ss"
+function timeDateToString(date) {
+  if (!date) return '';
+  if (moment) {
+    // 使用 moment 格式化
+    return moment(date).format('HH:mm:ss');
+  }
+  // 降级方案
+  var d = new Date(date);
+  var h = String(d.getHours()).padStart(2, '0');
+  var m = String(d.getMinutes()).padStart(2, '0');
+  var s = String(d.getSeconds()).padStart(2, '0');
+  return h + ":" + m + ":" + s;
+}
+var ProTimePicker = function ProTimePicker(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('ProTimePicker useComponentContext value', value, fieldPath);
+  // console.log('otherProps', otherProps);
+
+  var handleChange = function handleChange(newValue) {
+    // updateScreenStructure(screen_structure, screen_structure_field, value);
+    if (onValueChange) {
+      onValueChange(timeDateToString(newValue));
+    }
+    // 触发标准 onChange
+    if (props.onChange) {
+      props.onChange(timeDateToString(newValue), structureName, structureField);
+    }
+  };
+  return /*#__PURE__*/React.createElement("span", {
+    className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
+  }, /*#__PURE__*/React.createElement(_TimePicker, _extends({}, props, {
+    value: value,
+    onChange: handleChange
+  })));
+};
+export default ProTimePicker;

package/es/components/colorful-button/colorful-button.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import './index.scss';
+export interface ColorfulButtonProps {
+    /**
+     * 类型
+     */
+    type?: "primary" | "secondary" | "normal";
+    color?: string;
+    style?: object;
+}
+declare const ColorfulButton: React.FC<ColorfulButtonProps>;
+export default ColorfulButton;

package/es/components/colorful-button/colorful-button.js

@@ -0,0 +1,29 @@
+import _Button from "@alifd/next/es/button";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["type", "color", "style"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+import "./index.scss";
+var ColorfulButton = function ColorfulButton(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'primary' : _ref$type,
+    color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_Button, _extends({
+    type: type
+  }, _otherProps), "fusion button");
+};
+ColorfulButton.displayName = 'ColorfulButton';
+export default ColorfulButton;

package/es/components/colorful-button/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulButton from './colorful-button';
+export type { ColorfulButtonProps } from './colorful-button';
+export default ColorfulButton;

package/es/components/colorful-button/index.js

@@ -0,0 +1,2 @@
+import ColorfulButton from "./colorful-button";
+export default ColorfulButton;

package/es/components/colorful-button/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/es/components/colorful-input/colorful-input.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './index.scss';
+export interface ColorfulInputProps {
+    color?: string;
+    style?: object;
+}
+declare const ColorfulInput: React.FC<ColorfulInputProps>;
+export default ColorfulInput;

package/es/components/colorful-input/colorful-input.js

@@ -0,0 +1,23 @@
+import _Input from "@alifd/next/es/input";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["color", "style"];
+var React = window.React;
+var createElement = React.createElement,
+  useEffect = React.useEffect,
+  useRef = React.useRef,
+  useState = React.useState;
+import "./index.scss";
+var ColorfulInput = function ColorfulInput(_ref) {
+  var color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_Input, _otherProps);
+};
+export default ColorfulInput;

package/es/components/colorful-input/index.d.ts

@@ -0,0 +1,3 @@
+import ColorfulInput from './colorful-input';
+export type { ColorfulInputProps } from './colorful-input';
+export default ColorfulInput;

package/es/components/colorful-input/index.js

@@ -0,0 +1,2 @@
+import ColorfulInput from "./colorful-input";
+export default ColorfulInput;

package/es/components/colorful-input/index.scss

@@ -0,0 +1,5 @@
+@import '../../variables.scss';
+
+#{$biz-css-prefix}-colorful-button {
+  border: 2px dashed blue;
+}

package/es/components/edit-pro-table/components/ExportExcelButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const ExportExcelButton: ({ tableDataSource, columns, tableName, }: {
+    tableDataSource: any;
+    columns: any;
+    tableName: any;
+}) => JSX.Element;
+export default ExportExcelButton;