@pisell/materials 3.0.62 → 6.0.1

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -0,0 +1,360 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["renderMode", "value", "onChange"],
+  _excluded2 = ["name", "label", "mode", "renderMode", "tooltip", "noStyle", "extra", "required", "requiredobj", "minLengthobj", "maxLengthobj", "typeobj", "maxobj", "minobj", "normalize", "getValueProps", "validator", "style", "validateTrigger", "__designMode", "labelCol", "hideLabel", "innerStyle"];
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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, useMemo } from 'react';
+import { isArr, isNumber, isString } from '@pisell/utils';
+import classNames from 'classnames';
+import { parsePhoneNumberFromString, isValidPhoneNumber } from 'libphonenumber-js';
+import { getText } from "../../../locales";
+import Form from "../../form";
+import useDataSource from "../hooks/useDataSource";
+import useFormSetting from "./provider/hooks/useFormSetting";
+import useJsonPrefixPath from "./provider/hooks/useJsonPrefixPath";
+import DataSourceProvider from "../provider/dataSource/DataSourceProvider";
+import useTranslationOriginal from "../../../hooks/useTranslationOriginal";
+import "./style.less";
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export var withMode = function withMode(FieldComponent, ReadPrettyComponent, transformProps) {
+  return function (_ref) {
+    var _ref$renderMode = _ref.renderMode,
+      renderMode = _ref$renderMode === void 0 ? 'edit' : _ref$renderMode,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      props = _objectWithoutProperties(_ref, _excluded);
+    var transformedProps = (transformProps === null || transformProps === void 0 ? void 0 : transformProps(_objectSpread(_objectSpread({}, props), {}, {
+      value: value,
+      onChange: onChange,
+      renderMode: renderMode
+    }), renderMode)) || _objectSpread(_objectSpread({}, props), {}, {
+      value: value,
+      onChange: onChange,
+      renderMode: renderMode
+    });
+    if (['view', 'tableView'].includes(renderMode) && ReadPrettyComponent) {
+      return /*#__PURE__*/React.createElement(ReadPrettyComponent, transformedProps);
+    }
+    if (renderMode === 'disabled') {
+      return /*#__PURE__*/React.createElement(FieldComponent, _extends({}, transformedProps, {
+        disabled: true
+      }));
+    }
+    return /*#__PURE__*/React.createElement(FieldComponent, transformedProps);
+  };
+};
+var FORM_ITEM_SPLIT_CHAR = '__zsj__';
+
+// 替换name中的.为FORM_ITEM_SPLIT_CHAR
+export var formItemNameReplace = function formItemNameReplace(name) {
+  return name.replace(/\./g, FORM_ITEM_SPLIT_CHAR);
+};
+
+// 替换name中的FORM_ITEM_SPLIT_CHAR为.
+export var formItemNameReverse = function formItemNameReverse(name) {
+  return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, 'g'), '.');
+};
+
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export var withFormItem = function withFormItem(WrappedComponent, overlayProps) {
+  return function (_ref2) {
+    var _field$uiSchema;
+    var propsName = _ref2.name,
+      propsLabel = _ref2.label,
+      propsMode = _ref2.mode,
+      propsRenderMode = _ref2.renderMode,
+      tooltip = _ref2.tooltip,
+      noStyle = _ref2.noStyle,
+      extra = _ref2.extra,
+      required = _ref2.required,
+      requiredobj = _ref2.requiredobj,
+      minLengthobj = _ref2.minLengthobj,
+      maxLengthobj = _ref2.maxLengthobj,
+      typeobj = _ref2.typeobj,
+      maxobj = _ref2.maxobj,
+      minobj = _ref2.minobj,
+      normalize = _ref2.normalize,
+      getValueProps = _ref2.getValueProps,
+      _validator = _ref2.validator,
+      style = _ref2.style,
+      validateTrigger = _ref2.validateTrigger,
+      __designMode = _ref2.__designMode,
+      propsLabelCol = _ref2.labelCol,
+      hideLabel = _ref2.hideLabel,
+      innerStyle = _ref2.innerStyle,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
+    var _useJsonPrefixPath = useJsonPrefixPath(),
+      _useJsonPrefixPath$pa = _useJsonPrefixPath.path,
+      prefixPath = _useJsonPrefixPath$pa === void 0 ? [] : _useJsonPrefixPath$pa;
+    var _useDataSource = useDataSource(),
+      dataSource = _useDataSource.dataSource;
+    var _ref3 = dataSource || {},
+      fields = _ref3.fields;
+    var _useFormSetting = useFormSetting(),
+      globalRenderMode = _useFormSetting.renderMode,
+      size = _useFormSetting.size;
+    var field = fields === null || fields === void 0 ? void 0 : fields.find(function (item) {
+      return item.name === propsName;
+    });
+
+    // 优先级：外部传入 > schema 中的 title > 字段名
+    var label = propsLabel || (field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || propsName;
+
+    // 模式优先级：外部传入 mode > 全局模式
+    var effectiveMode = propsRenderMode || globalRenderMode;
+    var renderComponent = useMemo(function () {
+      var _overlayProps$innerPr;
+      // 使用renderMode属性，避免和组件mode冲突
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, otherProps, {
+        mode: propsMode,
+        renderMode: effectiveMode
+      }, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.innerProps, {
+        style: _objectSpread(_objectSpread({}, innerStyle || {}), (overlayProps === null || overlayProps === void 0 ? void 0 : (_overlayProps$innerPr = overlayProps.innerProps) === null || _overlayProps$innerPr === void 0 ? void 0 : _overlayProps$innerPr.style) || {}),
+        isVerification: typeobj === null || typeobj === void 0 ? void 0 : typeobj.enabled,
+        size: size
+      }));
+    }, [effectiveMode, otherProps, propsMode, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.innerProps, typeobj === null || typeobj === void 0 ? void 0 : typeobj.enabled, size, innerStyle]);
+    var isDesignMode = __designMode === 'design';
+    var isHidden = effectiveMode === 'hidden';
+
+    // 如果name是字符串，并且包含.，则将name转换为数组 否则提交时会转换为对象
+    var name = isString(propsName) && propsName.includes('.') ? [propsName] : propsName;
+    var concatName = name !== undefined ? [].concat(_toConsumableArray(prefixPath), _toConsumableArray(toArr(name))) : undefined;
+    var rules = [];
+    if (requiredobj && requiredobj.required) {
+      rules.push(_objectSpread(_objectSpread({}, requiredobj), {}, {
+        message: requiredobj.message || getText('pisell-data-source-form-required-message')
+      }));
+    }
+    if (typeobj && typeobj.enabled) {
+      if (typeobj.type === 'email') {
+        rules.push(_objectSpread(_objectSpread({}, typeobj), {}, {
+          message: typeobj.message || getText('pisell-data-source-form-email-message')
+        }));
+      }
+      if (typeobj.type === 'url' && typeobj.enabled) {
+        rules.push(_objectSpread(_objectSpread({}, typeobj), {}, {
+          message: typeobj.message || getText('pisell-data-source-form-url-message')
+        }));
+      }
+      if (typeobj.type === 'phone' && typeobj.enabled) {
+        rules.push({
+          validator: function validator(_, value) {
+            var _parsePhoneNumberFrom;
+            return isValidPhoneNumber(value) && (_parsePhoneNumberFrom = parsePhoneNumberFromString(value)) !== null && _parsePhoneNumberFrom !== void 0 && _parsePhoneNumberFrom.isValid() ? Promise.resolve() : Promise.reject(new Error(typeobj.message || getText('pisell-data-source-form-phone-message')));
+          }
+        });
+      }
+    }
+    if (maxLengthobj && maxLengthobj.enabled) {
+      rules.push({
+        // ...maxLengthobj,
+        validator: function validator(_, value) {
+          var length = 0;
+          if (isString(value)) {
+            length = value.length;
+          } else if (isArr(value)) {
+            length = value.length;
+          } else if (isNumber(value)) {
+            length = "".concat(value).length;
+          }
+          if (length > maxLengthobj.max) {
+            return Promise.reject(new Error(maxLengthobj.message || getText('pisell-data-source-form-max-length-message')(maxLengthobj === null || maxLengthobj === void 0 ? void 0 : maxLengthobj.max)));
+          }
+          return Promise.resolve();
+        }
+      });
+    }
+    if (minLengthobj && minLengthobj.enabled) {
+      rules.push({
+        // ...minLengthobj,
+        validator: function validator(_, value) {
+          var length = 0;
+          if (isString(value)) {
+            length = value.length;
+          } else if (isArr(value)) {
+            length = value.length;
+          } else if (isNumber(value)) {
+            length = "".concat(value).length;
+          }
+          if (length < minLengthobj.min) {
+            return Promise.reject(new Error(minLengthobj.message || getText('pisell-data-source-form-min-length-message')(minLengthobj === null || minLengthobj === void 0 ? void 0 : minLengthobj.min)));
+          }
+          return Promise.resolve();
+        }
+      });
+    }
+    if (maxobj && maxobj.enabled) {
+      rules.push(_objectSpread(_objectSpread({}, maxobj), {}, {
+        type: "number",
+        message: maxobj.message || getText('pisell-data-source-form-max-value-message')(maxobj === null || maxobj === void 0 ? void 0 : maxobj.max)
+      }));
+    }
+    if (minobj && minobj.enabled) {
+      rules.push(_objectSpread(_objectSpread({}, minobj), {}, {
+        type: "number",
+        message: minobj.message || getText('pisell-data-source-form-min-value-message')(minobj === null || minobj === void 0 ? void 0 : minobj.min)
+      }));
+    }
+    if (_validator) {
+      rules.push({
+        validator: function validator(_, value) {
+          return _validator(value);
+        }
+      });
+    }
+    var labelCol = useMemo(function () {
+      if (hideLabel) {
+        return {
+          span: 0
+        };
+      }
+      return propsLabelCol;
+    }, [hideLabel, propsLabelCol]);
+    return /*#__PURE__*/React.createElement(Form.Item, _extends({
+      required: required,
+      style: _objectSpread(_objectSpread({
+        width: '100%'
+      }, style), {}, {
+        opacity: isDesignMode && isHidden ? '0.3' : 1
+      }),
+      name: concatName,
+      label: label,
+      tooltip: tooltip,
+      noStyle: noStyle,
+      extra: extra,
+      hidden: isHidden && !isDesignMode,
+      rules: rules,
+      normalize: normalize,
+      getValueProps: getValueProps
+      // validator={validator}
+      ,
+      validateTrigger: validateTrigger,
+      labelCol: labelCol,
+      initialValue: otherProps === null || otherProps === void 0 ? void 0 : otherProps.defaultValue,
+      className: classNames('pisell-data-source-form-item', {
+        'pisell-data-source-form-item-view': effectiveMode === 'view'
+      })
+    }, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.otherFormItemProps), renderComponent);
+  };
+};
+export var withDataSource = function withDataSource(WrappedComponent) {
+  return function (props) {
+    var dataSource = props.dataSource;
+    return /*#__PURE__*/React.createElement(DataSourceProvider, {
+      dataSource: dataSource
+    }, /*#__PURE__*/React.createElement(WrappedComponent, props));
+  };
+};
+export var withOptions = function withOptions(WrappedComponent) {
+  return function (props) {
+    var _list$data2;
+    var translationOriginal = useTranslationOriginal();
+    var propsOptions = props.options,
+      optionSourceType = props.optionSourceType,
+      labelField = props.labelField,
+      valueField = props.valueField;
+    var _useDataSource2 = useDataSource(),
+      list = _useDataSource2.list;
+    useEffect(function () {
+      if (optionSourceType === 'api') {
+        list.run({
+          page: 1,
+          pageSize: 200
+        });
+      }
+    }, []);
+    var options = useMemo(function () {
+      var _list$data, _list$data$data;
+      if (optionSourceType !== 'api') {
+        return propsOptions;
+      }
+      return (((_list$data = list.data) === null || _list$data === void 0 ? void 0 : (_list$data$data = _list$data.data) === null || _list$data$data === void 0 ? void 0 : _list$data$data.map(function (item) {
+        return {
+          label: translationOriginal(item[labelField]),
+          value: item[valueField]
+        };
+      })) || []).sort(function (a, b) {
+        return a.label.localeCompare(b.label);
+      });
+    }, [propsOptions, optionSourceType, list === null || list === void 0 ? void 0 : (_list$data2 = list.data) === null || _list$data2 === void 0 ? void 0 : _list$data2.data]);
+    return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
+      options: options
+    }));
+  };
+};
+
+// 获取嵌套对象的值
+export var getNestedValue = function getNestedValue(obj, path) {
+  var keys = path.split('.');
+  var value = obj;
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var k = _step.value;
+      if (!value) break;
+      value = value[k];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return value;
+};
+
+// 根据valueMap渲染value 用于ReadPretty组件 Select Radio Checkbox
+export var renderValueWithMap = function renderValueWithMap(value, valueMap, renderMode) {
+  var textStyle = renderMode === 'tableView' ? {
+    fontSize: 14,
+    fontWeight: 400
+  } : {};
+  if (isArr(value)) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "pisell-form-read-pretty-text"
+    }, value.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        key: item,
+        className: "pisell-form-read-pretty-value",
+        style: textStyle
+      }, valueMap === null || valueMap === void 0 ? void 0 : valueMap[item]), index < value.length - 1 && ',');
+    }));
+  } else if (isString(value)) {
+    return /*#__PURE__*/React.createElement("span", {
+      className: "pisell-form-read-pretty-text"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "pisell-form-read-pretty-value",
+      style: textStyle
+    }, (valueMap === null || valueMap === void 0 ? void 0 : valueMap[value]) || value));
+  }
+  return null;
+};
+export function toArr(str) {
+  return Array.isArray(str) ? str : [str];
+}

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DataSourceImage: (props: import("../utils").ParsedProps) => React.JSX.Element;
+export default DataSourceImage;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.js

@@ -0,0 +1,4 @@
+import { Image } from 'antd';
+import withParseVariables from "../utils";
+var DataSourceImage = withParseVariables(Image, ['src']);
+export default DataSourceImage;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.js

@@ -0,0 +1,4 @@
+import QRCode from "../../../qrcode";
+import withParseVariables from "../utils";
+var DataSourceQRCode = withParseVariables(QRCode, ['value']);
+export default DataSourceQRCode;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DataSourceTypographyProps {
+    dataSourceKey: string;
+    children: React.ReactNode;
+}
+declare const DataSourceTypography: {
+    (props: DataSourceTypographyProps): React.JSX.Element;
+    Text: (props: import("../utils").ParsedProps) => React.JSX.Element;
+};
+export default DataSourceTypography;

package/es/components/dataSourceComponents/dataSourceShow/dataSourceTypography/index.js

@@ -0,0 +1,15 @@
+var _excluded = ["children", "dataSourceKey"];
+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 from 'react';
+import Typography from "../../../typography";
+import withParseVariables from "../utils";
+var DataSourceTypography = function DataSourceTypography(props) {
+  var children = props.children,
+    dataSourceKey = props.dataSourceKey,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(Typography, rest, children);
+};
+var Text = withParseVariables(Typography.Text, ['children']);
+DataSourceTypography.Text = Text;
+export default DataSourceTypography;

package/es/components/dataSourceComponents/dataSourceShow/utils.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ParsedProps {
+    [key: string]: unknown;
+}
+declare const withParseVariables: <P extends ParsedProps>(Component: React.ComponentType<P>, keys: string[]) => (props: P) => React.JSX.Element;
+export default withParseVariables;

package/es/components/dataSourceComponents/dataSourceShow/utils.js

@@ -0,0 +1,82 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useEffect, useState, useRef } from 'react';
+import { isArr, isString } from '@pisell/utils';
+import { useMemoizedFn } from 'ahooks';
+import { getVariableKey } from "../provider/variables/utils";
+import useVariables from "../hooks/useVariables";
+// 提取变量解析逻辑
+var parseValueToVariableKey = function parseValueToVariableKey(value) {
+  if (isArr(value) && value.length === 1 && isString(value[0])) {
+    var _key = getVariableKey(value[0]);
+    return _key ? _key.split('.')[0] : null;
+  }
+  if (isString(value)) {
+    var _key2 = getVariableKey(value);
+    return _key2 ? _key2.split('.')[0] : null;
+  }
+  return null;
+};
+
+// 包装变量解析组件
+var withParseVariables = function withParseVariables(Component, keys) {
+  return function (props) {
+    var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      variables = _useState2[0],
+      setVariables = _useState2[1];
+    var _useVariables = useVariables(),
+      parseVariable = _useVariables.parseVariable,
+      subscribeVariables = _useVariables.subscribeVariables;
+    var valuesRef = useRef(new Set());
+    var handleVariableChange = useMemoizedFn(function (allVariables, updateVariables) {
+      var changedKey = Object.keys(updateVariables)[0];
+      if (valuesRef.current.has(changedKey)) {
+        setVariables(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), allVariables);
+        });
+      }
+    });
+    useEffect(function () {
+      // 收集当前组件需要监听的变量值
+      var values = new Set();
+      keys.forEach(function (key) {
+        var variableKey = parseValueToVariableKey(props[key]);
+        if (variableKey) {
+          values.add(variableKey);
+        }
+      });
+      valuesRef.current = values;
+    }, [props, keys]);
+    useEffect(function () {
+      var unsubscribe = subscribeVariables === null || subscribeVariables === void 0 ? void 0 : subscribeVariables(handleVariableChange);
+      return function () {
+        unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
+      };
+    }, []);
+    var parsedProps = useMemo(function () {
+      var result = _objectSpread({}, props);
+      keys.forEach(function (key) {
+        var value = props[key];
+        if (isArr(value) && value.length === 1 && isString(value[0])) {
+          result[key] = parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(value[0], variables);
+        } else if (isString(value)) {
+          result[key] = parseVariable === null || parseVariable === void 0 ? void 0 : parseVariable(value, variables);
+        }
+      });
+      return result;
+    }, [props, variables, keys]);
+    return /*#__PURE__*/React.createElement(Component, parsedProps);
+  };
+};
+export default withParseVariables;

package/es/components/dataSourceComponents/dataSourceTable/BaseTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+declare const BaseTable: (props: DataSourceTableProps) => React.JSX.Element;
+export default BaseTable;

package/es/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -0,0 +1,104 @@
+var _excluded = ["columns", "dataSource", "operationContent"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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, useRef } from 'react';
+import { useUpdateEffect } from 'ahooks';
+import Table from "../../table";
+import useVariables from "../hooks/useVariables";
+import ActionsProvider from "../provider/actions/ActionsProvider";
+import useDrawerState from "./hooks/useDrawerState";
+import useDesignMode from "./hooks/useDesignMode";
+import useComponentId from "../hooks/useComponentId";
+import useTableQuery from "./hooks/useTableQuery";
+import useDataSource from "../hooks/useDataSource";
+import TableSettingProvider from "./provider/tableSetting/TableSettingProvider";
+import useDataSourceKey from "./hooks/useDataSourceKey";
+import useTableProps from "./hooks/useTableProps";
+var BaseTable = function BaseTable(props) {
+  var propsColumns = props.columns,
+    dataSource = props.dataSource,
+    operationContent = props.operationContent,
+    others = _objectWithoutProperties(props, _excluded);
+  var tableRef = useRef(null);
+  var componentId = useComponentId(props);
+  var _useVariables = useVariables(),
+    registerValueVariable = _useVariables.registerValueVariable;
+  var _useDataSource = useDataSource(),
+    list = _useDataSource.list;
+  var data = list.data;
+  var _useDataSourceKey = useDataSourceKey(),
+    dataSourceKey = _useDataSourceKey.dataSourceKey,
+    dataSourceKeyRef = _useDataSourceKey.dataSourceKeyRef;
+  var _useDrawerState = useDrawerState(operationContent),
+    drawerVisible = _useDrawerState.drawerVisible,
+    setDrawerVisible = _useDrawerState.setDrawerVisible,
+    openDrawer = _useDrawerState.openDrawer,
+    closeDrawer = _useDrawerState.closeDrawer,
+    containerProps = _useDrawerState.containerProps,
+    Container = _useDrawerState.Container,
+    drawerContent = _useDrawerState.drawerContent;
+  var _useTableQuery = useTableQuery(props),
+    queryPageConfig = _useTableQuery.queryPageConfig,
+    handleValuesChange = _useTableQuery.handleValuesChange,
+    refreshData = _useTableQuery.refreshData,
+    handleFilterChange = _useTableQuery.handleFilterChange;
+
+  // 设计模式下对抽屉的显隐处理
+  useDesignMode(props, {
+    registerValueVariable: registerValueVariable,
+    openDrawer: openDrawer,
+    closeDrawer: closeDrawer,
+    data: data === null || data === void 0 ? void 0 : data.data
+  });
+  useUpdateEffect(function () {
+    refreshData();
+  }, [dataSourceKey]);
+  useEffect(function () {
+    if (dataSourceKeyRef.current) {
+      list === null || list === void 0 ? void 0 : list.run(queryPageConfig);
+    } else {
+      list === null || list === void 0 ? void 0 : list.mutate([]);
+    }
+  }, [queryPageConfig]);
+  useEffect(function () {
+    registerValueVariable === null || registerValueVariable === void 0 ? void 0 : registerValueVariable(componentId, {
+      currentDataSource: dataSource
+    });
+  }, [dataSource]);
+
+  // 关闭抽屉
+  var handleCloseDrawer = function handleCloseDrawer() {
+    closeDrawer();
+    registerValueVariable === null || registerValueVariable === void 0 ? void 0 : registerValueVariable(componentId, {
+      currentRecord: null
+    });
+  };
+  var transformProps = useTableProps({
+    data: data,
+    originProps: props,
+    openDrawer: openDrawer,
+    closeDrawer: closeDrawer,
+    refreshData: refreshData,
+    handleFilterChange: handleFilterChange,
+    tableRef: tableRef
+  });
+  return /*#__PURE__*/React.createElement(TableSettingProvider, null, /*#__PURE__*/React.createElement(Table, _extends({
+    ref: tableRef
+  }, others, transformProps, {
+    dataSource: (data === null || data === void 0 ? void 0 : data.data) || [],
+    loading: list === null || list === void 0 ? void 0 : list.loading,
+    onValuesChange: handleValuesChange
+  })), /*#__PURE__*/React.createElement(ActionsProvider, {
+    visible: drawerVisible,
+    setVisible: setDrawerVisible,
+    refreshTableData: refreshData
+  }, /*#__PURE__*/React.createElement(Container, _extends({}, containerProps, {
+    // title={DRAWER_TITLES[drawerType]}
+    open: drawerVisible,
+    onClose: handleCloseDrawer,
+    onCancel: handleCloseDrawer,
+    destroyOnClose: true
+  }), drawerContent)));
+};
+export default BaseTable;

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import './index.less';
+interface BaseFilterItem {
+    name?: string;
+    value: string;
+    label?: string;
+    type?: string;
+    isHidden: boolean;
+    isCustom?: boolean;
+}
+interface FilterProps {
+    componentId: string;
+    filterBy: Record<string, any>;
+    quickFilterMaxLength?: number;
+    sortButtonShow?: boolean;
+    mode?: 'simple' | 'complex';
+    items: BaseFilterItem[];
+    handleValuesChange: (changedFields: any, allFields: any) => void;
+    show: boolean;
+    search: {
+        show: boolean;
+        placeholder: string;
+        key: string;
+    };
+}
+declare const Filter: (props: FilterProps) => React.JSX.Element;
+export default Filter;