@pisell/materials 1.0.507 → 1.0.509

package/es/components/pisellList01/index.js

@@ -0,0 +1,94 @@
+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, { useEffect, useMemo, useState } from 'react';
+import { SearchOutlined } from '@ant-design/icons';
+import PisellViewGrid from "../pisellViewGrid";
+import PisellAnchor from "../pisellAnchor";
+import Input from "../input";
+import "./index.less";
+var PisellList01 = function PisellList01(_ref) {
+  var showSearch = _ref.showSearch,
+    showCategory = _ref.showCategory,
+    dataSource = _ref.dataSource,
+    renderItem = _ref.renderItem,
+    className = _ref.className,
+    style = _ref.style,
+    _onChange = _ref.onChange;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentAnchor = _useState2[0],
+    setCurrentAnchor = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    products = _useState4[0],
+    setProducts = _useState4[1];
+  useEffect(function () {
+    if (currentAnchor) {
+      var _currentData$children;
+      var currentData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (item) {
+        return item.href === currentAnchor;
+      });
+      setProducts((_currentData$children = currentData === null || currentData === void 0 ? void 0 : currentData.children) !== null && _currentData$children !== void 0 ? _currentData$children : []);
+    }
+  }, [currentAnchor, dataSource]);
+  useEffect(function () {
+    var _dataSource$0$href, _dataSource$;
+    setCurrentAnchor((_dataSource$0$href = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.href) !== null && _dataSource$0$href !== void 0 ? _dataSource$0$href : '');
+  }, [dataSource]);
+
+  /**
+   * @title: 分类标题
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-01-13 16:21
+   */
+  var categoryTitle = useMemo(function () {
+    var _dataSource$find;
+    return dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$find = dataSource.find(function (item) {
+      return item.href === currentAnchor;
+    })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.title;
+  }, [currentAnchor, dataSource]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01 ".concat(className),
+    style: style
+  }, showSearch ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-search"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "Search",
+    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
+      style: {
+        color: '#667085'
+      }
+    })
+    // onChange={handleSearch}
+    ,
+    allowClear: true,
+    size: "large",
+    className: "pisell-list-01-search-input"
+  })) : null, showCategory ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-categories"
+  }, /*#__PURE__*/React.createElement(PisellAnchor, {
+    items: dataSource,
+    getCurrentAnchor: currentAnchor,
+    onChange: function onChange(e) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+      setCurrentAnchor(e);
+    }
+  })) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-products"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-list-01-products-title"
+  }, categoryTitle), /*#__PURE__*/React.createElement(PisellViewGrid, {
+    dataSource: products,
+    columns: 1,
+    verticalGap: 16,
+    renderItem: renderItem
+  })));
+};
+export default PisellList01;

package/es/components/pisellList01/index.less

@@ -0,0 +1,45 @@
+.pisell-list-01 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  &-search {
+    width: 100%;
+    padding: 16px;
+
+    .pisell-list-01-search-input {
+      display: flex;
+      padding: 10px 14px;
+      align-items: center;
+      gap: 8px;
+      align-self: stretch;
+      border-radius: 8px;
+      border: 1px solid var(--Gray-300, #d0d5dd);
+      background: var(--Base-White, #fff);
+      box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+      height: 44px;
+    }
+  }
+
+  &-categories {
+    padding: 16px 0 16px 20px;
+    .pisell-lowcode-anchor-wrapper {
+      padding: 0;
+      margin: 0;
+    }
+    .pisell-lowcode-anchor-wrapper-horizontal::before {
+      border: none !important;
+    }
+  }
+
+  &-products {
+    padding: 20px;
+    .pisell-list-01-products-title {
+      color: var(--Gray-900, #101828);
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+      margin-bottom: 16px;
+    }
+  }
+}

package/es/components/pisellSectionHeaders/index.js

@@ -16,12 +16,8 @@ var PisellSectionHeaders = function PisellSectionHeaders(_ref) {
     style = _ref.style,
     onBack = _ref.onBack,
     onAction = _ref.onAction;
-  var classes = classNames(prefixCls,
-  // {
-  //   [`${prefixCls}-float`]: !takeSpace,
-  // },
-  className);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  var classes = classNames(prefixCls, className);
+  return /*#__PURE__*/React.createElement("div", {
     className: classes,
     style: _objectSpread({}, style)
   }, /*#__PURE__*/React.createElement("div", {
@@ -34,6 +30,6 @@ var PisellSectionHeaders = function PisellSectionHeaders(_ref) {
   }, centerNode), actionNode && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-actions"),
     onClick: onAction
-  }, actionNode))));
+  }, actionNode)));
 };
 export default PisellSectionHeaders;

package/es/components/pisellSectionHeaders/index.less

@@ -1,15 +1,14 @@
 @prefix: pisell-section-headers;
-@height: 56px;
 
 .@{prefix} {
   width: 100%;
-  height: @height;
   z-index: 100;
-  position: fixed;
+  position: sticky;
   top: 0;
-  left: 0;
   border-bottom: 1px solid var(--Gray-300, #d0d5dd);
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  padding: 16px;
+  height: auto;
 
   &-fixed {
     position: fixed;
@@ -18,15 +17,14 @@
   }
 
   &-placeholder {
-    height: @height;
     width: 100%;
   }
 
   &-content {
     height: 100%;
-    padding: 16px;
+    padding: 0;
     display: flex;
-    align-items: center;
+    // align-items: center;
     justify-content: space-between;
     gap: 10px;
   }
@@ -37,9 +35,9 @@
 
   &-main {
     flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
   }
 
   &-actions {

package/es/components/pisellViewGrid/index.js

@@ -68,9 +68,13 @@ var PisellViewGrid = function PisellViewGrid(_ref) {
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-view-grid-content",
-    style: {
+    style: !singleRow ? {
       gap: "".concat(verticalGap, "px ").concat(horizontalGap, "px"),
       gridTemplateColumns: "repeat(".concat(columns, ", 1fr)")
+    } : {
+      display: 'flex',
+      flexWrap: 'nowrap',
+      overflowX: 'auto'
     }
   }, dataSource.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {

package/es/components/select/index.js

@@ -73,10 +73,11 @@ var SelectBase = /*#__PURE__*/forwardRef(function (props, ref) {
     return mode === 'multiple' && isShowDropdown && selectAll;
   }, [mode, selectAll, isShowDropdown]);
   var checkboxChecked = useMemo(function () {
+    var _state$sort, _filteredOptions$map, _filteredOptions$map$;
     if (mode !== 'multiple') return false;
-    return (state === null || state === void 0 ? void 0 : state.length) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && state.sort().join('') === filteredOptions.map(function (item) {
+    return (state === null || state === void 0 ? void 0 : state.length) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) && (state === null || state === void 0 ? void 0 : (_state$sort = state.sort()) === null || _state$sort === void 0 ? void 0 : _state$sort.join('')) === (filteredOptions === null || filteredOptions === void 0 ? void 0 : (_filteredOptions$map = filteredOptions.map(function (item) {
       return item.value;
-    }).sort().join('');
+    })) === null || _filteredOptions$map === void 0 ? void 0 : (_filteredOptions$map$ = _filteredOptions$map.sort()) === null || _filteredOptions$map$ === void 0 ? void 0 : _filteredOptions$map$.join(''));
   }, [state, filteredOptions]);
   var dropdownRender = useCallback(propsDropdownRender ? propsDropdownRender : function (originNode) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, showSearch && /*#__PURE__*/React.createElement(Input, {

package/es/index.d.ts

@@ -147,5 +147,6 @@ export { default as PisellViewGrid } from './components/pisellViewGrid';
 export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
 export { default as PisellDropdown } from './components/pisellDropdown';
 export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
-export { default as PisellProgressBar } from './components/pisellProgressBar';
 export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';

package/es/index.js

@@ -177,5 +177,6 @@ export { default as PisellViewGrid } from "./components/pisellViewGrid";
 export { default as PisellCustomCheckboxGroup } from "./components/pisellCustomCheckboxGroup";
 export { default as PisellDropdown } from "./components/pisellDropdown";
 export { default as PisellSectionHeaders } from "./components/pisellSectionHeaders";
-export { default as PisellProgressBar } from "./components/pisellProgressBar";
-export { default as PisellImageCarousels } from "./components/pisellImageCarousels";
+export { default as PisellImageCarousels } from "./components/pisellImageCarousels";
+export { default as PisellHeaderProgressBar } from "./components/pisellHeaderProgressBar";
+export { default as PisellList01 } from "./components/pisellList01";

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface TimeSlot {
+    value: string;
+    label: string;
+    time: string;
+    remainingCount: number;
+    disabled?: boolean;
+}
+export interface TimeResourceSelectorProps {
+    timeSlots?: TimeSlot[];
+    multiple?: boolean;
+    showUnavailable?: boolean;
+    defaultExpanded?: boolean;
+    defaultSelectFirst?: boolean;
+    onChange?: (values: string | string[]) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const TimeResourceSelector: React.FC<TimeResourceSelectorProps>;
+export default TimeResourceSelector;

package/lib/components/TimeResourceSelector/index.js

@@ -0,0 +1,109 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TimeResourceSelector/index.tsx
+var TimeResourceSelector_exports = {};
+__export(TimeResourceSelector_exports, {
+  default: () => TimeResourceSelector_default
+});
+module.exports = __toCommonJS(TimeResourceSelector_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_PisellCustomCheckboxGroup = __toESM(require("../PisellCustomCheckboxGroup"));
+var import_index = require("./index.less");
+var TimeResourceSelector = ({
+  timeSlots = [],
+  multiple = false,
+  showUnavailable = true,
+  defaultExpanded = true,
+  defaultSelectFirst = true,
+  onChange,
+  className,
+  style
+}) => {
+  const [selectedValues, setSelectedValues] = (0, import_react.useState)([]);
+  const [error, setError] = (0, import_react.useState)("");
+  const filteredTimeSlots = timeSlots.filter(
+    (slot) => showUnavailable ? true : !slot.disabled
+  );
+  (0, import_react.useEffect)(() => {
+    if (defaultSelectFirst && filteredTimeSlots.length > 0 && selectedValues.length === 0) {
+      const firstAvailable = filteredTimeSlots.find((slot) => !slot.disabled);
+      if (firstAvailable) {
+        const value = firstAvailable.value;
+        setSelectedValues([value]);
+        onChange == null ? void 0 : onChange(multiple ? [value] : value);
+      }
+    }
+  }, [filteredTimeSlots, defaultSelectFirst, multiple, onChange]);
+  const renderTimeCard = (item) => {
+    const { time, remainingCount, disabled } = item;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellCard,
+      {
+        className: "time-resource-card",
+        bodyStyle: { padding: "12px" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "time-slot-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "time-text" }, time), /* @__PURE__ */ import_react.default.createElement("div", { className: "remaining-count" }, "剩余: ", remainingCount))
+    );
+  };
+  const handleChange = (0, import_react.useCallback)(
+    (value) => {
+      if (Array.isArray(value)) {
+        setSelectedValues(value);
+        setError(value.length === 0 ? "Please select a session time" : "");
+      } else {
+        setSelectedValues([value]);
+        setError("");
+      }
+      onChange == null ? void 0 : onChange(value);
+    },
+    [onChange]
+  );
+  const renderContent = () => {
+    if (filteredTimeSlots.length === 0) {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { description: "No dates are available" });
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, error && /* @__PURE__ */ import_react.default.createElement("div", { className: "time-resource-error" }, error), /* @__PURE__ */ import_react.default.createElement(
+      import_PisellCustomCheckboxGroup.default,
+      {
+        dataSource: filteredTimeSlots,
+        renderItem: renderTimeCard,
+        value: selectedValues,
+        onChange: handleChange,
+        isMultiple: multiple,
+        columns: 4,
+        horizontalGap: 16,
+        verticalGap: 16
+      }
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `time-resource-selector ${className || ""}`, style }, /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse, { defaultActiveKey: defaultExpanded ? ["1"] : [] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse.Panel, { header: "选择时间段", key: "1" }, renderContent())));
+};
+var TimeResourceSelector_default = TimeResourceSelector;

package/lib/components/TimeResourceSelector/index.less

@@ -0,0 +1,59 @@
+.time-resource-selector {
+  .time-resource-card {
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+  }
+
+  .time-slot-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 80px;
+
+    .time-text {
+      font-size: 16px;
+      font-weight: 500;
+      margin-bottom: 8px;
+    }
+
+    .remaining-count {
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
+  // 选中状态
+  .pisell-checkbox-item-selected {
+    .time-resource-card {
+      border-color: #1890ff;
+      background: rgba(24, 144, 255, 0.1);
+    }
+  }
+
+  // 禁用状态
+  .pisell-checkbox-item-disabled {
+    .time-resource-card {
+      cursor: not-allowed;
+      opacity: 0.5;
+
+      &:hover {
+        box-shadow: none;
+      }
+    }
+  }
+
+  // 错误提示
+  .time-resource-error {
+    color: #ff4d4f;
+    padding: 8px 0;
+    text-align: center;
+    background-color: #fff2f0;
+    border-radius: 4px;
+    margin-bottom: 16px;
+  }
+}

package/lib/components/dataSourceComponents/dataSourceForm/submitButton/index.js

@@ -62,18 +62,14 @@ var SubmitButton = (props) => {
   const { create, update } = (0, import_useDataSource.default)();
   const isDisabled = status === "disabled";
   const onSubmit = async (values) => {
+    setLoading(true);
     try {
-      setLoading(true);
       if (renderMode === "edit") {
         await update.runAsync(values);
       } else if (renderMode === "add") {
         const res = await create.runAsync(values);
         form == null ? void 0 : form.resetFields();
       }
-    } catch (error) {
-      (0, import_pisellToast.default)({
-        content: `操作失败：${error.message}`
-      });
     } finally {
       setLoading(false);
     }
@@ -130,6 +126,9 @@ var SubmitButton = (props) => {
         }
       }
     } catch (error) {
+      (0, import_pisellToast.default)({
+        content: `${error.message}`
+      });
     }
   };
   const onSubmitClick = async () => {

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

@@ -68,6 +68,11 @@ var BaseTable = (props) => {
     drawerContent
   } = (0, import_useDrawerState.default)(operationContent);
   const { queryPageConfig, handleValuesChange, refreshData, handleFilterChange } = (0, import_useTableQuery.default)(props);
+  const handleAllValuesChange = (changedValues, values) => {
+    var _a;
+    (_a = props == null ? void 0 : props.onValuesChange) == null ? void 0 : _a.call(props, changedValues, values);
+    handleValuesChange(changedValues, values);
+  };
   (0, import_useDesignMode.default)(props, {
     registerValueVariable,
     openDrawer,
@@ -112,7 +117,7 @@ var BaseTable = (props) => {
       ...transformProps,
       dataSource: (data == null ? void 0 : data.data) || [],
       loading: list == null ? void 0 : list.loading,
-      onValuesChange: handleValuesChange
+      onValuesChange: handleAllValuesChange
     }
   ), /* @__PURE__ */ import_react.default.createElement(
     import_ActionsProvider.default,

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -142,7 +142,7 @@ var useFormat = ({ dataSourceKey, fields }) => {
     }
   );
   const formatListParams = (0, import_ahooks.useMemoizedFn)((params) => {
-    if (!dataSourceKey) {
+    if (!dataSourceKey || ["pisell2", "main"].includes(dataSourceKey)) {
       return {
         ...params,
         filter: formatFilter(params.filter, fields),

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -30,11 +30,17 @@ declare const useTableProps: (props: UseTablePropsProps) => {
     buttons: any[] | null;
     filter: React.JSX.Element | null;
     onRow: (record: any) => any;
+    actionButtons: any[] | null;
     titleButtons?: {
         show: boolean;
         maxCount: number;
         items: OperationItem[];
     } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
     operation?: {
         show: boolean;
         title: string;
@@ -74,5 +80,6 @@ declare const useTableProps: (props: UseTablePropsProps) => {
             sortBy: string;
         }[];
     } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
 };
 export default useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -59,6 +59,7 @@ var useTableProps = (props) => {
     title: propsTitle,
     subTitle: propsSubTitle,
     titleButtons,
+    tableButtons,
     operation,
     filter: propsFilter,
     search,
@@ -198,6 +199,26 @@ var useTableProps = (props) => {
       };
     });
   }, [titleButtons]);
+  const actionButtons = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (!(tableButtons == null ? void 0 : tableButtons.show)) {
+      return null;
+    }
+    return (_a2 = tableButtons == null ? void 0 : tableButtons.items) == null ? void 0 : _a2.map((button) => {
+      const { actionType, buttonProps } = button;
+      return {
+        ...button,
+        ...buttonProps,
+        size: "large",
+        title: button.label,
+        onClick: () => {
+          if (actionType === "add") {
+            handleOpenDrawer(null, button);
+          }
+        }
+      };
+    });
+  }, [tableButtons]);
   const filter = (0, import_react.useMemo)(() => {
     if (!(propsFilter == null ? void 0 : propsFilter.show) && !(search == null ? void 0 : search.show)) {
       return null;
@@ -248,7 +269,8 @@ var useTableProps = (props) => {
     subTitle,
     buttons,
     filter,
-    onRow
+    onRow,
+    actionButtons
   };
 };
 var useTableProps_default = useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -42,7 +42,7 @@ var useTableQuery = (props) => {
         let filter = prev.filter;
         if ("tabs" in params) {
           sort = ((_a2 = params.tabs) == null ? void 0 : _a2.sortBy) || sortBy || "";
-          filter = ((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {};
+          filter = { ...prev.filter, ...((_b2 = params.tabs) == null ? void 0 : _b2.filterBy) || {} };
         }
         if ("order_by" in params) {
           sort = params.order_by || ((_c2 = allParams.tabs) == null ? void 0 : _c2.sortBy) || sortBy;
@@ -62,7 +62,7 @@ var useTableQuery = (props) => {
       setQueryPageConfig((prev) => ({
         ...prev,
         page: 1,
-        filter: { ...allFields, ...filterBy || {} }
+        filter: { ...prev.filter, ...allFields, ...filterBy || {} }
       }));
     }
   );

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -18,6 +18,11 @@ export interface DataSourceTableProps {
         maxCount: number;
         items: OperationItem[];
     };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
     buttons?: any[];
     operation?: {
         show: boolean;
@@ -61,4 +66,5 @@ export interface DataSourceTableProps {
             sortBy: string;
         }[];
     };
+    onValuesChange?: (changedValues: any, values: any) => void;
 }

package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -47,13 +47,8 @@ var defaultCustomizer = (objValue, srcValue) => {
 var VARIABLE_PATTERN = /{{([^}]+)}}/g;
 var VariablesProvider = (props) => {
   const { children, variables } = props;
-  const variablesRef = (0, import_react.useRef)({});
+  const variablesRef = (0, import_react.useRef)(variables || {});
   const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
-  (0, import_react.useEffect)(() => {
-    if (variables) {
-      variablesRef.current = variables;
-    }
-  }, [variables]);
   const registerVariable = (0, import_ahooks.useMemoizedFn)((value2) => {
     variablesRef.current = (0, import_utils3.mergeWith)(
       variablesRef.current,

package/lib/components/page/index.js

@@ -69,7 +69,7 @@ var localeDateMap = {
   }
 };
 var Page = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const { children, style, className, locale: propsLocale, ...others } = props;
   const context = (0, import_useEngineContext.default)();
   const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
@@ -271,7 +271,7 @@ var Page = (props) => {
           dateAdapter: import_AdapterDayjs.AdapterDayjs,
           adapterLocale: ((_d = localeDateMap == null ? void 0 : localeDateMap[locale]) == null ? void 0 : _d.adapterLocale) || "en"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(import_VariablesProvider.default, null, /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(import_VariablesProvider.default, { variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {} }, /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
             style: {

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

@@ -4,6 +4,7 @@ interface PisellAnchorProps {
     items?: any[];
     getContainer?: () => HTMLElement | Window;
     className?: string;
+    [key: string]: any;
 }
 declare const PisellAnchor: React.FC<PisellAnchorProps>;
 export default PisellAnchor;