@pisell/materials 6.8.13 → 6.8.15

package/es/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/search/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/search/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/text/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "order_by" | "group_by" | "view_mode" | "column_setting" | "gallery_setting" | "filter_setting")[];
+}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/es/components/virtualInput/BaseVirtualInput/index.js

@@ -34,7 +34,9 @@ var BaseVirtualInput = /*#__PURE__*/forwardRef(function (props, ref) {
     preventBlurElements = _props$preventBlurEle === void 0 ? [] : _props$preventBlurEle,
     focused = props.focused,
     _props$showCursor = props.showCursor,
-    showCursor = _props$showCursor === void 0 ? true : _props$showCursor;
+    showCursor = _props$showCursor === void 0 ? true : _props$showCursor,
+    _props$selected = props.selected,
+    selected = _props$selected === void 0 ? false : _props$selected;
   // 使用 useControllableValue 管理 focused 状态
   var _useState = useState(focused !== null && focused !== void 0 ? focused : autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -132,22 +134,31 @@ var BaseVirtualInput = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 是否显示占位符
   var showPlaceholder = value === undefined || value === '';
+
+  // 选中状态下不显示光标
+  var shouldShowCursor = internalFocused && !disabled && showCursor && !selected;
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
-    className: classNames('pisell-base-virtual-input', {
+    className: classNames('pisell-base-virtual-input', "pisell-base-virtual-input--".concat(props === null || props === void 0 ? void 0 : props.textAlign), {
       'pisell-base-virtual-input--focused': internalFocused,
-      'pisell-base-virtual-input--disabled': disabled
+      'pisell-base-virtual-input--disabled': disabled,
+      'pisell-base-virtual-input--selected': selected && !!value
     }, className),
     style: mergedStyle,
     onClick: handleClick
   }, showPlaceholder && /*#__PURE__*/React.createElement(AutoResizeText, {
-    className: "pisell-base-virtual-input-placeholder",
+    className: classNames('pisell-base-virtual-input-placeholder', {
+      'pisell-base-virtual-input-placeholder--end': (props === null || props === void 0 ? void 0 : props.textAlign) === 'end',
+      'pisell-base-virtual-input-placeholder--center': (props === null || props === void 0 ? void 0 : props.textAlign) === 'center'
+    }),
     mode: "oneline",
     minFontSizePx: minFontSize,
     maxFontSizePx: maxFontSize,
     fontSizePrecisionPx: 0.5
   }, placeholder), !!value && /*#__PURE__*/React.createElement(AutoResizeText, {
-    className: "pisell-base-virtual-input-value",
+    className: classNames('pisell-base-virtual-input-value', {
+      'pisell-base-virtual-input-value--selected': selected
+    }),
     mode: "oneline",
     minFontSizePx: minFontSize,
     maxFontSizePx: maxFontSize,
@@ -155,7 +166,7 @@ var BaseVirtualInput = /*#__PURE__*/forwardRef(function (props, ref) {
     scrollToEnd: true
   }, value), /*#__PURE__*/React.createElement("div", {
     className: "pisell-base-virtual-input-caret-container"
-  }, internalFocused && !disabled && showCursor && /*#__PURE__*/React.createElement("div", {
+  }, shouldShowCursor && /*#__PURE__*/React.createElement("div", {
     className: "pisell-base-virtual-input-caret"
   })));
 });

package/es/components/virtualInput/BaseVirtualInput/index.less

@@ -1,5 +1,5 @@
 .pisell-base-virtual-input {
-  width: 100%;
+  overflow: hidden;
   display: flex;
   align-items: center;
   background-color: transparent;
@@ -8,11 +8,20 @@
   outline: none;
   position: relative;
   height: var(--virtual-input-height);
+  user-select: none;
 
   &--disabled {
     cursor: not-allowed;
     opacity: 0.6;
   }
+
+  &--center {
+    justify-content: center;
+  }
+
+  &--end {
+    justify-content: flex-end;
+  }
 }
 
 .pisell-base-virtual-input-placeholder {
@@ -22,20 +31,27 @@
   position: absolute;
   left: 0;
   top: 0;
-  width: 100%;
   max-width: 100%;
   overflow: hidden;
   pointer-events: none;
   font-size: var(--virtual-input-font-size);
   height: var(--virtual-input-height);
   line-height: var(--virtual-input-height);
+
+  &--end {
+    text-align: right;
+  }
+
+  &--center {
+    text-align: center;
+  }
 }
 
 .pisell-base-virtual-input-value {
+  padding-left: 2px;
   font-weight: 600;
   white-space: nowrap;
   flex-shrink: 0;
-  // width: 100%;
   max-width: 100%;
   overflow-y: hidden;
   overflow-x: auto;
@@ -60,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: #1570ef;
+  background-color: var(--theme-color, #7f56d9);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -75,3 +91,25 @@
     opacity: 0;
   }
 }
+
+// 选中状态样式
+.pisell-base-virtual-input--selected {
+  .pisell-base-virtual-input-value--selected {
+    position: relative;
+    z-index: 0;
+    color: white;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: -2px;
+      right: -1px;
+      transform: translateY(-50%);
+      height: 1.2em;
+      background-color: var(--theme-color, #7f56d9);
+      pointer-events: none;
+      z-index: -1;
+    }
+  }
+}

package/es/components/virtualInput/index.js

@@ -1,5 +1,11 @@
+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); }
 var _excluded = ["topContent", "bottomContent", "wrapperStyle", "wrapperClassName", "allowClear", "onClear", "value", "clearButtonStyle"];
 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); }
 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, { forwardRef, useImperativeHandle, useRef } from 'react';
@@ -17,7 +23,8 @@ var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
     onClear = _ref.onClear,
     value = _ref.value,
-    clearButtonStyle = _ref.clearButtonStyle,
+    _ref$clearButtonStyle = _ref.clearButtonStyle,
+    clearButtonStyle = _ref$clearButtonStyle === void 0 ? {} : _ref$clearButtonStyle,
     virtualInputProps = _objectWithoutProperties(_ref, _excluded);
   var baseInputRef = useRef(null);
 
@@ -45,7 +52,14 @@ var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     style: wrapperStyle
   }, topContent, /*#__PURE__*/React.createElement("div", {
     className: "pisell-virtual-input-container"
-  }, /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
+  }, allowClear && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-virtual-input-clear-button",
+    style: _objectSpread(_objectSpread({}, clearButtonStyle), {}, {
+      visibility: 'hidden'
+    })
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "pisell2-delete"
+  })), /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
     ref: baseInputRef,
     value: value
   }, virtualInputProps)), allowClear && /*#__PURE__*/React.createElement("div", {

package/es/components/virtualInput/index.less

@@ -7,36 +7,17 @@
   display: flex;
   align-items: center;
   width: 100%;
-}
-
-.pisell-virtual-input-clear-button {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-  color: #667085;
-  background-color: transparent;
-  z-index: 1;
-
-  &:hover {
-    background-color: #f2f4f7;
-    color: #344054;
-  }
-
-  &:active {
-    background-color: #e4e7ec;
-  }
 
-  svg {
-    width: 16px;
-    height: 16px;
+  .pisell-virtual-input-clear-button {
+    height: 100%;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+    color: #000000;
+    background-color: transparent;
+    z-index: 1;
+    flex-shrink: 0;
+    font-size: 24px;
+    padding: 4px;
   }
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

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

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

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

@@ -54,7 +54,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";
-        type: "button" | "link";
+        type: "link" | "button";
         items: OperationItem[];
     } | undefined;
     operationContent?: {
@@ -71,8 +71,8 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         show: boolean;
         useCustomAction: boolean;
         actionType: string;
-        openMode: "modal" | "drawer";
-        openContentSize: "small" | "middle" | "large";
+        openMode: "drawer" | "modal";
+        openContentSize: "large" | "middle" | "small";
         openTitle: string;
         key: string;
     } | undefined;

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -59,19 +59,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
-    options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
-    labelField: string;
-    valueField: string;
-    extraParams?: Record<string, any> | undefined;
-} & {
-    dataSource?: any;
-}) => JSX.Element) | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -91,11 +79,23 @@ declare const getFieldComponent: (fieldComponent: string) => ((props: import("an
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | (import("react").FC<{}> & {
+}) | import("react").FC<any> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<(import("antd").DatePickerProps & import("../dataSourceForm/utils").WithModeProps) & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<any> | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
-    onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+    options?: any;
+    optionSourceType?: "default" | "custom" | "api" | undefined;
+    labelField: string;
+    valueField: string;
+    extraParams?: Record<string, any> | undefined;
+} & {
+    dataSource?: any;
+}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/date-picker/index.d.ts

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

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.20.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.21.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/keyboard/index.js

@@ -135,6 +135,9 @@ var Keyboard = (props) => {
     if (key === "keydown") {
       key = "+";
     }
+    if (key === "Backspace") {
+      key = "delete";
+    }
     if (list.includes(key)) {
       onChange == null ? void 0 : onChange(key);
     }

package/lib/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from '../pisell-config-provider/context';
 declare const PisellInput: {

package/lib/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -24,7 +24,9 @@ interface IProps {
      */
     isMainProduct?: boolean;
     maxSpecsCount?: number;
-    type?: 'a2' | 'a5';
+    type?: 'a2' | 'a5' | 'a9';
+    isBundle?: boolean;
+    showFooter?: boolean;
 }
 declare const BasicInfo: (props: IProps) => JSX.Element;
 export default BasicInfo;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -40,7 +40,16 @@ var import_holders = __toESM(require("../holders"));
 var import__ = require("../../index");
 var import_index = require("./index.less");
 var BasicInfo = (props) => {
-  const { isShowImage, dataSource = {}, style, isMainProduct, type, maxSpecsCount = 1 } = props;
+  const {
+    isShowImage,
+    dataSource = {},
+    style,
+    isMainProduct,
+    type,
+    maxSpecsCount = 1,
+    isBundle,
+    showFooter
+  } = props;
   const {
     image,
     bundle,
@@ -79,6 +88,18 @@ var BasicInfo = (props) => {
   if (type === "a5") {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), (!holder_id || !(holder_id == null ? void 0 : holder_id.length)) && !isFormSubject ? /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol)) : /* @__PURE__ */ import_react.default.createElement(import_holders.default, { dataSource })));
   }
+  if (type === "a9") {
+    const showAmount = isBundle && !showFooter;
+    const _price = showAmount ? Number(price ?? 0) * num : price;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(_price, 2, symbol))), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(
+      import_specs.default,
+      {
+        dataSource,
+        maxSpecsCount,
+        type
+      }
+    ) : null));
+  }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${import__.PREFIX}__basic-info`, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasSpecs ? /* @__PURE__ */ import_react.default.createElement(import_specs.default, { dataSource, maxSpecsCount }) : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, (0, import_utils.formatAmount)(price, 2, symbol))), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };
 var basicInfo_default = BasicInfo;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.less

@@ -63,6 +63,20 @@
       flex-wrap: wrap;
       overflow: hidden;
 
+      .product-basic-info {
+        display: flex;
+        flex-direction: column;
+        &.row {
+          flex: 1;
+          flex-direction: row;
+          align-items: center;
+          justify-content: space-between;
+          .product-price {
+            width: max-content;
+          }
+        }
+      }
+
       .product-name {
         color: var(--Gray-900, #101828);
         font-size: 14px;

package/lib/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -5,6 +5,7 @@ interface IProps {
         bundle?: any[];
         symbol?: string;
     };
+    type?: 'a2' | 'a5' | 'a9';
 }
-declare const Packages: ({ isShowImage, dataSource }: IProps) => JSX.Element | null;
+declare const Packages: ({ isShowImage, dataSource, type }: IProps) => JSX.Element | null;
 export default Packages;