@pisell/materials 1.0.671 → 1.0.673

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

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

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

@@ -0,0 +1,115 @@
+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; }
+import React, { useState, useCallback, useEffect } from 'react';
+import { Collapse, Empty } from 'antd';
+import { PisellCard } from '@pisell/materials';
+import PisellCustomCheckboxGroup from "../PisellCustomCheckboxGroup";
+import "./index.less";
+var TimeResourceSelector = function TimeResourceSelector(_ref) {
+  var _ref$timeSlots = _ref.timeSlots,
+    timeSlots = _ref$timeSlots === void 0 ? [] : _ref$timeSlots,
+    _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$showUnavailable = _ref.showUnavailable,
+    showUnavailable = _ref$showUnavailable === void 0 ? true : _ref$showUnavailable,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? true : _ref$defaultExpanded,
+    _ref$defaultSelectFir = _ref.defaultSelectFirst,
+    defaultSelectFirst = _ref$defaultSelectFir === void 0 ? true : _ref$defaultSelectFir,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    style = _ref.style;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedValues = _useState2[0],
+    setSelectedValues = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+
+  // 过滤可用的时间段
+  var filteredTimeSlots = timeSlots.filter(function (slot) {
+    return showUnavailable ? true : !slot.disabled;
+  });
+
+  // 初始化默认选中第一个可用选项
+  useEffect(function () {
+    if (defaultSelectFirst && filteredTimeSlots.length > 0 && selectedValues.length === 0) {
+      var firstAvailable = filteredTimeSlots.find(function (slot) {
+        return !slot.disabled;
+      });
+      if (firstAvailable) {
+        var value = firstAvailable.value;
+        setSelectedValues([value]);
+        onChange === null || onChange === void 0 || onChange(multiple ? [value] : value);
+      }
+    }
+  }, [filteredTimeSlots, defaultSelectFirst, multiple, onChange]);
+
+  // 渲染时间卡片
+  var renderTimeCard = function renderTimeCard(item) {
+    var time = item.time,
+      remainingCount = item.remainingCount,
+      disabled = item.disabled;
+    return /*#__PURE__*/React.createElement(PisellCard, {
+      className: "time-resource-card",
+      bodyStyle: {
+        padding: '12px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-slot-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "time-text"
+    }, time), /*#__PURE__*/React.createElement("div", {
+      className: "remaining-count"
+    }, "\u5269\u4F59: ", remainingCount)));
+  };
+
+  // 处理选择变更
+  var handleChange = useCallback(function (value) {
+    if (Array.isArray(value)) {
+      setSelectedValues(value);
+      setError(value.length === 0 ? 'Please select a session time' : '');
+    } else {
+      setSelectedValues([value]);
+      setError('');
+    }
+    onChange === null || onChange === void 0 || onChange(value);
+  }, [onChange]);
+
+  // 渲染内容
+  var renderContent = function renderContent() {
+    if (filteredTimeSlots.length === 0) {
+      return /*#__PURE__*/React.createElement(Empty, {
+        description: "No dates are available"
+      });
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, error && /*#__PURE__*/React.createElement("div", {
+      className: "time-resource-error"
+    }, error), /*#__PURE__*/React.createElement(PisellCustomCheckboxGroup, {
+      dataSource: filteredTimeSlots,
+      renderItem: renderTimeCard,
+      value: selectedValues,
+      onChange: handleChange,
+      isMultiple: multiple,
+      columns: 4,
+      horizontalGap: 16,
+      verticalGap: 16
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "time-resource-selector ".concat(className || ''),
+    style: style
+  }, /*#__PURE__*/React.createElement(Collapse, {
+    defaultActiveKey: defaultExpanded ? ['1'] : []
+  }, /*#__PURE__*/React.createElement(Collapse.Panel, {
+    header: "\u9009\u62E9\u65F6\u95F4\u6BB5",
+    key: "1"
+  }, renderContent())));
+};
+export default TimeResourceSelector;

package/es/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/es/components/appVersionControl/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+export default AppVersionControl;

package/es/components/appVersionControl/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    name: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+export interface AppVersionControlProps {
+    value: string;
+    versions: Version[];
+    onVersionChange: (value: string, version: Version) => void;
+    onCreateVersion: (detail: {
+        version: string;
+        baseVersion: string;
+    }) => Promise<boolean | undefined>;
+    onPromoteToLive: (value: string, version: Version) => Promise<boolean | undefined>;
+    allowPublish?: boolean;
+    allowCreate?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/es/components/appVersionControl/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 比较两个版本号
+ * @param version1 版本号1
+ * @param version2 版本号2
+ * @returns 如果version1大于version2返回1，相等返回0，小于返回-1
+ */
+export declare const compareVersions: (version1: string, version2: string) => number;
+/**
+ * 从版本号列表中获取最大版本号
+ * @param versions 版本号列表
+ * @returns 最大的版本号，如果列表为空返回undefined
+ */
+export declare const getMaxVersion: (versions: string[]) => string | undefined;

package/es/components/auto-complete/index.d.ts

@@ -0,0 +1,2 @@
+declare const AutoComplete: any;
+export default AutoComplete;

package/es/components/auto-complete-number/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AutoCompleteProps, InputNumberProps } from "antd";
+interface AutoCompleteNumberProps {
+    autoCompleteProps: AutoCompleteProps;
+    inputNumberProps: InputNumberProps;
+    value?: any;
+    onChange?: any;
+}
+declare const AutoCompleteNumber: (props: AutoCompleteNumberProps) => JSX.Element;
+export default AutoCompleteNumber;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BadgeProps as OriginalBadgeprops } from 'antd';
+import './index.less';
+export interface Badgeprops extends OriginalBadgeprops {
+    styleType: 'default' | 'warning';
+}
+declare const Badge: (props: any) => JSX.Element;
+export default Badge;

package/es/components/badge/index.js

@@ -0,0 +1,44 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useEffect } from 'react';
+import { Badge as OriginalBadge } from 'antd';
+import { withWrap } from "../../utils/hoc";
+import "./index.less";
+// @ts-ignore
+
+var Badge = withWrap(function (props) {
+  var _props$styleType = props.styleType,
+    styleType = _props$styleType === void 0 ? '' : _props$styleType,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '' : _props$color;
+  var state = props;
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
+  var formatColor = function formatColor() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var newColor = color;
+    if (styleType === 'default') {
+      newColor = '#f6f7f9';
+    } else if (styleType === 'warning') {
+      newColor = '#D92D20';
+    }
+    return newColor;
+  };
+  var BadgeProps = _objectSpread(_objectSpread({}, state), {}, {
+    className: 'pisell-badge-wrap',
+    color: formatColor(color)
+  });
+  return /*#__PURE__*/React.createElement(OriginalBadge, _extends({}, BadgeProps, {
+    style: {
+      borderColor: styleType === 'default' ? '#e7e9ed' : state.color,
+      color: styleType === 'default' ? '#344054' : '#fff'
+    }
+  }));
+});
+export default Badge;

package/es/components/badge/index.less

@@ -0,0 +1,2 @@
+.pisell-badge-wrap {
+}

package/es/components/batch-editor/fields/Image/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface ImageProps extends React.ComponentPropsWithoutRef<"img"> {
+    value?: string;
+}
+import "./index.less";
+declare const Image: (props: ImageProps) => JSX.Element | null;
+export default Image;

package/es/components/batch-editor/fields/Price/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+export interface PriceProps extends InputNumberProps {
+    symbol: string;
+}
+declare const Price: React.FC<PriceProps>;
+export default Price;

package/es/components/batch-editor/fields/Text/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TextProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const Text: (props: TextProps) => JSX.Element;
+export default Text;

package/es/components/batch-editor/fields/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    price: import("react").FC<import("./Price").PriceProps>;
+    image: (props: import("./Image").ImageProps) => JSX.Element | null;
+    text: (props: import("./Text").TextProps) => JSX.Element;
+};
+export default _default;

package/es/components/batch-editor/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./index.less";
+interface BatchEditorProps {
+    columns: any[];
+    dataSource: any[];
+    onChange: (value: any) => void;
+    rowKey: string;
+    otherTableProps: any;
+}
+declare const BatchEditor: (props: BatchEditorProps) => JSX.Element;
+export default BatchEditor;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import "./index.less";
+interface Option {
+    label: React.ReactNode;
+    value: string | number;
+}
+interface BrowserSelectProps extends Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, 'value' | 'onChange'> {
+    options: Option[];
+    value?: string | number;
+    onChange?: (value: string | number, option: Option) => void;
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => JSX.Element;
+export default BrowserSelect;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonProps as OriginalButtonProps } from 'antd';
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: 'design' | undefined;
+    href?: string;
+    rightIcon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupListItemProps } from './../buttonGroupPreview';
+interface ButtonGroupEditProps {
+    buttonList: ButtonGroupListItemProps[];
+    buttonGroupList: ButtonGroupListItemProps[][];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
+export default _default;