@pisell/private-materials 6.3.91 → 6.3.93

package/es/plus/orderList/components/FilterList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface FilterListProps {
+    locales: any;
+    valueType: number | undefined;
+    setValueType: (value: any) => void;
+}
+declare const FilterList: React.FC<FilterListProps>;
+export default FilterList;

package/es/plus/orderList/components/FilterList.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { PisellDataSourceContainer } from '@pisell/materials';
+import { Form, Button } from 'antd';
+import dayjs from 'dayjs';
+var useContainerContext = PisellDataSourceContainer.useContainerContext;
+var FilterList = function FilterList(_ref) {
+  var locales = _ref.locales,
+    valueType = _ref.valueType,
+    setValueType = _ref.setValueType;
+  var form = Form.useFormInstance();
+  var _useContainerContext = useContainerContext(),
+    serverActions = _useContainerContext.serverActions;
+  var list = serverActions.list;
+  var handleTodayClick = function handleTodayClick() {
+    var today = dayjs();
+    var params = {
+      orderDate: [today.startOf('day'), today.endOf('day')],
+      payment_status: undefined
+    };
+    form.setFieldsValue(params);
+    list.onSearch(params);
+    setValueType(1);
+  };
+  var handleTodayToPayClick = function handleTodayToPayClick() {
+    var today = dayjs();
+    var params = {
+      orderDate: [today.startOf('day'), today.endOf('day')],
+      payment_status: ["payment_processing", "partially_paid"] // 默认设置为未付款，也可以设置为其他待支付状态
+    };
+    form.setFieldsValue(params);
+    list.onSearch(params);
+    setValueType(2);
+  };
+  var handleTodayRefundsClick = function handleTodayRefundsClick() {
+    var today = dayjs();
+    var params = {
+      orderDate: [today.startOf('day'), today.endOf('day')],
+      payment_status: ["refunded", "partially_refunded"] // 默认设置为已退款
+    };
+    form.setFieldsValue(params);
+    list.onSearch(params);
+    setValueType(3);
+  };
+  var handleLast7DaysClick = function handleLast7DaysClick() {
+    var today = dayjs();
+    var sevenDaysAgo = today.subtract(6, 'day');
+    var params = {
+      orderDate: [sevenDaysAgo.startOf('day'), today.endOf('day')],
+      payment_status: undefined
+    };
+    form.setFieldsValue(params);
+    list.onSearch(params);
+    setValueType(4);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '8px'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    ghost: valueType !== 1,
+    onClick: handleTodayClick
+  }, locales.getText('pisell2.orderList.filterButton.todayOrders')), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    ghost: valueType !== 2,
+    onClick: handleTodayToPayClick
+  }, locales.getText('pisell2.orderList.filterButton.todayPending')), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    ghost: valueType !== 3,
+    onClick: handleTodayRefundsClick
+  }, locales.getText('pisell2.orderList.filterButton.todayRefunds')), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    ghost: valueType !== 4,
+    onClick: handleLast7DaysClick
+  }, locales.getText('pisell2.orderList.filterButton.last7Days')));
+};
+export default FilterList;

package/es/plus/orderList/components/HandleActions.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const HandleActions: (props: {
+    locales: any;
+}) => React.JSX.Element;
+export default HandleActions;

package/es/plus/orderList/components/HandleActions.js

@@ -0,0 +1,24 @@
+import React, { useMemo } from 'react';
+import { PisellDataSourceContainer, PisellSort, PisellFilter } from '@pisell/materials';
+import { getFilterButtonList, getSortList } from "../config";
+var ColumnsSetting = PisellDataSourceContainer.ColumnsSetting;
+var HandleActions = function HandleActions(props) {
+  var locales = props.locales;
+  var filterButtonListValue = useMemo(function () {
+    return {
+      otherFilter: getFilterButtonList(locales)
+    };
+  }, [locales]);
+  var sortList = useMemo(function () {
+    return getSortList(locales);
+  }, [locales]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColumnsSetting, null), /*#__PURE__*/React.createElement(PisellSort, {
+    hasForm: false,
+    list: sortList
+  }), /*#__PURE__*/React.createElement(PisellFilter, {
+    placement: "bottomLeft",
+    hasForm: false,
+    value: filterButtonListValue
+  }));
+};
+export default HandleActions;

package/es/plus/orderList/components/QuickFilter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const QuickFilter: (props: {
+    locales: any;
+}) => React.JSX.Element;
+export default QuickFilter;

package/es/plus/orderList/components/QuickFilter.js

@@ -0,0 +1,14 @@
+import React, { useMemo } from 'react';
+import { PisellQuickFilter } from '@pisell/materials';
+import { getQuickFilterList } from "../config";
+var QuickFilter = function QuickFilter(props) {
+  var locales = props.locales;
+  var quickFilterList = useMemo(function () {
+    return getQuickFilterList(locales);
+  }, [locales]);
+  return /*#__PURE__*/React.createElement(PisellQuickFilter, {
+    hasForm: false,
+    filterList: quickFilterList
+  });
+};
+export default QuickFilter;

package/es/plus/orderList/components/Reset.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const Reset: (props: {
+    locales: any;
+    setValueType: (value: any) => void;
+    clearSelectedData: () => void;
+}) => React.JSX.Element;
+export default Reset;

package/es/plus/orderList/components/Reset.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Button, Form } from 'antd';
+import { ReloadOutlined } from '@ant-design/icons';
+import { PisellDataSourceContainer } from '@pisell/materials';
+var useContainerContext = PisellDataSourceContainer.useContainerContext;
+var Reset = function Reset(props) {
+  var locales = props.locales,
+    setValueType = props.setValueType,
+    clearSelectedData = props.clearSelectedData;
+  var _useContainerContext = useContainerContext(),
+    list = _useContainerContext.serverActions.list;
+  var form = Form.useFormInstance();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(ReloadOutlined, null),
+    onClick: function onClick() {
+      form.resetFields();
+      list.onReset();
+      setValueType(undefined);
+      clearSelectedData();
+    }
+  }, locales.getText('pisell2.orderList.common.reset'));
+};
+export default Reset;

package/es/plus/orderList/components/Toolbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Toolbar: (props: {
+    locales: any;
+    clearSelectedData: () => void;
+}) => React.JSX.Element;
+export default Toolbar;

package/es/plus/orderList/components/Toolbar.js

@@ -0,0 +1,57 @@
+var _excluded = ["serverActions", "refManager"];
+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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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, { useState } from 'react';
+import { PisellToolBar } from '@pisell/materials';
+import { Form } from 'antd';
+import Reset from "./Reset";
+import FilterList from "./FilterList";
+import HandleActions from "./HandleActions";
+import QuickFilter from "./QuickFilter";
+import { PisellDataSourceContainer } from '@pisell/materials';
+import dayjs from 'dayjs';
+var useContainerContext = PisellDataSourceContainer.useContainerContext;
+var Toolbar = function Toolbar(props) {
+  var locales = props.locales,
+    clearSelectedData = props.clearSelectedData;
+  var _useContainerContext = useContainerContext(),
+    serverActions = _useContainerContext.serverActions,
+    refManager = _useContainerContext.refManager,
+    otherProps = _objectWithoutProperties(_useContainerContext, _excluded);
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueType = _useState2[0],
+    setValueType = _useState2[1];
+  return /*#__PURE__*/React.createElement(Form, _extends({
+    size: "large",
+    layout: "vertical",
+    initialValues: {
+      orderDate: [dayjs().startOf('day'), dayjs().endOf('day')]
+    }
+  }, otherProps), /*#__PURE__*/React.createElement(PisellToolBar, {
+    topLeft: /*#__PURE__*/React.createElement(QuickFilter, {
+      locales: locales
+    }),
+    topRight: /*#__PURE__*/React.createElement(Reset, {
+      locales: locales,
+      setValueType: setValueType,
+      clearSelectedData: clearSelectedData
+    }),
+    bottomLeft: /*#__PURE__*/React.createElement(FilterList, {
+      valueType: valueType,
+      setValueType: setValueType,
+      locales: locales
+    }),
+    bottomRight: /*#__PURE__*/React.createElement(HandleActions, {
+      locales: locales
+    })
+  }));
+};
+export default Toolbar;

package/es/plus/orderList/config.d.ts

@@ -0,0 +1,155 @@
+import React from 'react';
+/**
+ * 获取表格列配置（支持多语言）
+ * @param locales - 多语言对象
+ * @returns 表格列配置数组
+ */
+export declare const getTableColumns: (locales: any) => ({
+    title: any;
+    dataIndex: string;
+    key: string;
+    width: number;
+    render: (value: any, record: any) => React.JSX.Element | "-";
+    isShow?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    width: number;
+    render: (value: any) => string;
+    isShow?: undefined;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    width: number;
+    isShow: boolean;
+    render: (value: any) => string;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    isShow: boolean;
+    width: number;
+    render: (value: any, record: any) => React.JSX.Element;
+} | {
+    title: any;
+    dataIndex: string;
+    key: string;
+    isShow: boolean;
+    width: number;
+    render: (value: any) => React.JSX.Element | "-";
+})[];
+export declare const getQuickFilterList: (locales: any) => ({
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        placeholder: any;
+        allowClear?: undefined;
+        trigger?: undefined;
+        style?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    other: {
+        allowClear: boolean;
+        placeholder: any;
+        trigger: string[];
+        style: {
+            width: string;
+        };
+    };
+    label?: undefined;
+})[];
+export declare const getFilterButtonList: (locales: any) => ({
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        placeholder: any;
+        options: {
+            label: string;
+            value: string;
+        }[];
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        isSearchServer: boolean;
+        showSearch: boolean;
+        placeholder: any;
+        options: (params?: string) => Promise<any>;
+        mode?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        placeholder: any;
+        options: () => Promise<any>;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        placeholder: any;
+        allowClear?: undefined;
+        mode?: undefined;
+        options?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        mode: string;
+        isSearchServer: boolean;
+        showSearch: boolean;
+        placeholder: any;
+        options: (params?: string) => Promise<any>;
+    };
+} | {
+    name: string;
+    type: string;
+    key: string;
+    label: any;
+    other: {
+        allowClear: boolean;
+        placeholder: any;
+        options: () => Promise<any>;
+        mode?: undefined;
+        isSearchServer?: undefined;
+        showSearch?: undefined;
+    };
+})[];
+export declare const getSortList: (locales: any) => {
+    type: string;
+    isCustom: boolean;
+    name: string;
+    label: any;
+}[];