@pisell/materials 1.0.846 → 1.0.847

package/es/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -1,3 +1,9 @@
+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 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 _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); }
@@ -86,7 +92,8 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     min = props.min,
     onEnter = props.onEnter,
     presets = props.presets,
-    defaultSelect = props.defaultSelect;
+    defaultSelect = props.defaultSelect,
+    rightItemsStyle = props.rightItemsStyle;
   var _useControllableValue = useControllableValue(props, {
       defaultValue: defaultValue
     }),
@@ -107,7 +114,11 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
         className: "virtual-keyboard-input-delete-icon"
       }),
       disabled: false,
-      type: 'text'
+      type: 'text',
+      style: {
+        color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.textColor) || '#000000',
+        backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor) || '#ffffff'
+      }
     }, {
       value: 'reset',
       label: resetText || 'Reset',
@@ -115,7 +126,8 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
       type: 'text',
       style: {
         fontSize: '18px',
-        color: '#D92D20'
+        color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.resetButtonTextColor) || '#D92D20',
+        backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.resetButtonBackgroundColor) || '#ffffff'
       }
     }, {
       value: 'done',
@@ -125,11 +137,23 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
       size: 2,
       style: {
         fontSize: '18px',
-        background: 'var(--Green-light-600, #4CA30D)',
-        color: '#fff'
+        background: rightItemsStyle !== null && rightItemsStyle !== void 0 && rightItemsStyle.isDoneButtonFollowTheme ? 'var(--theme-color)' : (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.doneButtonBackgroundColor) || '#5d3f9f',
+        color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.doneButtonTextColor) || '#ffffff'
       }
     }];
   }, [doneText, resetText]);
+
+  // 给每个item增加背景色
+  var itemsWithStyle = useMemo(function () {
+    return items.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        style: {
+          backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor) || '#fff',
+          color: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.textColor) || '#000000'
+        }
+      });
+    });
+  }, [items, rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor, rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.textColor]);
   var checkValue = function checkValue(val) {
     // 超过最大值时使用最大值
     if (isNumber(max) && Number(val) > max) {
@@ -161,11 +185,11 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     },
     delete: function _delete() {
       // 选中时删除全部 否则删除最后一位
-      handleChangeValue(select ? '' : "".concat(value || "").slice(0, -1));
+      handleChangeValue(select ? '' : "".concat(value || '').slice(0, -1));
     },
     reset: function reset() {
       // 重置到默认值
-      handleChangeValue("".concat(defaultValue || "") || '');
+      handleChangeValue("".concat(defaultValue || '') || '');
     },
     done: function done() {
       onEnter === null || onEnter === void 0 || onEnter(value);
@@ -200,12 +224,15 @@ var BaseNumberKeyboard = function BaseNumberKeyboard(props) {
     },
     showDelete: false,
     onValueSelect: setSelect,
-    defaultSelect: defaultSelect
+    defaultSelect: defaultSelect,
+    style: {
+      backgroundColor: (rightItemsStyle === null || rightItemsStyle === void 0 ? void 0 : rightItemsStyle.buttonBackgroundColor) || '#fff'
+    }
   }), /*#__PURE__*/React.createElement(Presets, {
     presets: presets,
     onChange: handleChangeValue
   }), /*#__PURE__*/React.createElement(Keyboard, {
-    items: items,
+    items: itemsWithStyle,
     rightItems: rightItems,
     onChange: handleKeyboardChange
   }));

package/es/components/virtual-keyboard/VirtualKeyInput/index.js

@@ -20,7 +20,8 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
     _props$showDelete = props.showDelete,
     showDelete = _props$showDelete === void 0 ? true : _props$showDelete,
     onValueSelect = props.onValueSelect,
-    defaultSelect = props.defaultSelect;
+    defaultSelect = props.defaultSelect,
+    style = props.style;
   var _useState = useState(defaultSelect !== null && defaultSelect !== void 0 ? defaultSelect : false),
     _useState2 = _slicedToArray(_useState, 2),
     select = _useState2[0],
@@ -57,7 +58,8 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "virtual-keyboard-input-wrap"
+    className: "virtual-keyboard-input-wrap",
+    style: style
   }, props.renderInput ? /*#__PURE__*/React.createElement("div", {
     className: classNames('virtual-keyboard-input', {
       'virtual-keyboard-input-select': select
@@ -73,7 +75,7 @@ var VirtualKeyInput = function VirtualKeyInput(props) {
   }, props, {
     readOnly: true,
     value: previewValue
-  })), (_ref = "".concat(value !== null && value !== void 0 ? value : "")) !== null && _ref !== void 0 && _ref.length && showDelete ? /*#__PURE__*/React.createElement("div", {
+  })), (_ref = "".concat(value !== null && value !== void 0 ? value : '')) !== null && _ref !== void 0 && _ref.length && showDelete ? /*#__PURE__*/React.createElement("div", {
     className: "virtual-keyboard-input-delete",
     onClick: _onDelete
   }, /*#__PURE__*/React.createElement(Delete, {

package/lib/components/dataSourceComponents/dataSourceMenu/Basic.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PisellMenuProps } from '../../pisellMenu/types';
+/**
+ * @title: 数据源表单组件
+ * @description: 基于数据源动态生成表单，支持编辑、查看、禁用三种模式
+ */
+declare const DataSourceMenu: React.ForwardRefExoticComponent<PisellMenuProps & React.RefAttributes<any>>;
+export default DataSourceMenu;

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

@@ -2,7 +2,7 @@ import React from 'react';
 declare const Subdomain: React.FC<import("antd").InputProps & {
     onChange: (value: string) => void;
     onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-    rootDomain: "custom" | "saas" | "xzero";
+    rootDomain: "custom" | "xzero" | "saas";
     customDomain?: string | undefined;
     value?: string | undefined;
     tenantId: string;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TranslationProps } from './type';
+import './index.less';
+declare const Translation: React.FC<TranslationProps>;
+export default Translation;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Translation: React.FC<import("./type").TranslationProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Translation;

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

@@ -20,7 +20,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "saas" | "xzero";
+            rootDomain: "custom" | "xzero" | "saas";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -60,13 +60,11 @@ 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) => import("react").FC<any> | 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("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | 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("./Upload/type").UploadProps & 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<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/type").InputProps> & {
+}) | 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> & {
     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>;
@@ -79,14 +77,14 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "saas" | "xzero";
+        rootDomain: "custom" | "xzero" | "saas";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | (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>;
@@ -98,5 +96,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
     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("./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>;
+}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & 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("./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/pisellAdjustPrice/index.js

@@ -35,13 +35,34 @@ module.exports = __toCommonJS(pisellAdjustPrice_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
 var import_pisellText = __toESM(require("../pisellText"));
 var import_Amount = __toESM(require("../virtual-keyboard/Amount"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
 var PisellAdjustPrice = (props) => {
-  const { value, onChange, defaultValue, originValue, ...others } = props;
+  const {
+    value,
+    onChange,
+    defaultValue,
+    originValue,
+    selectType = "light",
+    backgroundColor = "#ffffff",
+    containerBackgroundColor = "#d0d5dd",
+    buttonBackgroundColor = "#ffffff",
+    textColor = "#000000",
+    resetButtonBackgroundColor = "#ffffff",
+    resetButtonTextColor = "#d92d20",
+    isDoneButtonFollowTheme = true,
+    doneButtonBackgroundColor = "#4ca30d",
+    doneButtonTextColor = "#ffffff",
+    isShowMainText = true,
+    mainTextColor = "#101828",
+    isShowSubText = true,
+    subTextColor = "#667085",
+    ...others
+  } = props;
   const config = (0, import_usePisellConfig.default)();
   const [newValue, setNewValue] = (0, import_react.useState)(value || 0);
   const [updateMode, setUpdateMode] = (0, import_react.useState)(
@@ -92,65 +113,114 @@ var PisellAdjustPrice = (props) => {
       return `${v}%`;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
-          value: "priceOverride"
-        },
-        { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
-      ],
-      value: updateMode,
-      onChange: handleUpdateMode,
-      block: true
-    }
-  ), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Segmented,
-    {
-      size: "large",
-      options: [
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
-          value: "amount"
-        },
-        {
-          label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
-          value: "percentage"
-        }
-      ],
-      value: discountMode,
-      onChange: (val) => {
-        setNewValue("");
-        setDiscountMode(val);
-      },
-      block: true
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Amount.default,
-    {
-      ...others,
-      inputFormat,
-      defaultValue: updateMode === "priceOverride" ? defaultValue : "",
-      key: updateMode,
-      value: newValue,
-      defaultSelect: updateMode === "priceOverride",
-      onChange: handleChange,
-      onEnter: handleEnter,
-      placeholder: discountMode === "amount" ? "0" : "%"
-    }
-  )), updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))), /* @__PURE__ */ import_react.default.createElement(
+  (0, import_react.useEffect)(() => {
+    (0, import_utils.setTheme)({
+      "--pisell-adjust-price-text-color": textColor,
+      "--pisell-adjust-price-background-color": backgroundColor,
+      "--pisell-adjust-price-container-background-color": containerBackgroundColor,
+      "--pisell-adjust-price-button-background-color": buttonBackgroundColor,
+      "--pisell-adjust-price-main-text-color": mainTextColor,
+      "--pisell-adjust-price-sub-text-color": subTextColor
+    });
+  }, [
+    textColor,
+    backgroundColor,
+    containerBackgroundColor,
+    buttonBackgroundColor,
+    mainTextColor,
+    subTextColor
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)("pisell-low-code-adjust-price-amount-desc", {
-        ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+      className: (0, import_classnames.default)("pisell-lowcode-adjust-price-wrap", {
+        "pisell-lowcode-adjust-price-dark": selectType === "dark",
+        "pisell-lowcode-adjust-price-light": selectType === "light"
       })
     },
-    (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
-    " ",
-    discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : "100%"
-  )));
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: (0, import_locales.getText)("pisell-adjust-price-price-override"),
+            value: "priceOverride"
+          },
+          { label: (0, import_locales.getText)("pisell-adjust-price-discount"), value: "discount" }
+        ],
+        value: updateMode,
+        onChange: handleUpdateMode,
+        block: true
+      }
+    ),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Segmented,
+      {
+        size: "large",
+        options: [
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-amount")}(${(config == null ? void 0 : config.symbol) || "$"})`,
+            value: "amount"
+          },
+          {
+            label: `${(0, import_locales.getText)("pisell-adjust-price-discount-percentage")}(%)`,
+            value: "percentage"
+          }
+        ],
+        value: discountMode,
+        onChange: (val) => {
+          setNewValue("");
+          setDiscountMode(val);
+        },
+        block: true
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-adjust-price-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+      import_Amount.default,
+      {
+        ...others,
+        inputFormat,
+        defaultValue: updateMode === "priceOverride" ? defaultValue : "",
+        key: updateMode,
+        value: newValue,
+        defaultSelect: updateMode === "priceOverride",
+        onChange: handleChange,
+        onEnter: handleEnter,
+        placeholder: discountMode === "amount" ? "0" : "%",
+        rightItemsStyle: {
+          buttonBackgroundColor,
+          textColor,
+          resetButtonBackgroundColor,
+          resetButtonTextColor,
+          isDoneButtonFollowTheme,
+          doneButtonBackgroundColor,
+          doneButtonTextColor
+        }
+      }
+    )),
+    updateMode === "discount" && /* @__PURE__ */ import_react.default.createElement("div", null, isShowMainText ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-low-code-adjust-price-total" }, isDiscountError ? /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: originValue }) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, newValue && (0, import_locales.getText)("pisell-adjust-price-total-after-discount"), /* @__PURE__ */ import_react.default.createElement(import_pisellText.default.Amount, { value: totalAfterDiscount }))) : null, isShowSubText ? /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-low-code-adjust-price-amount-desc",
+          {
+            ["pisell-low-code-adjust-price-amount-desc-error"]: isDiscountError
+          }
+        )
+      },
+      (0, import_locales.getText)("pisell-adjust-price-discount-can-be-maximum"),
+      " ",
+      discountMode === "amount" ? /* @__PURE__ */ import_react.default.createElement(
+        import_pisellText.default.Amount,
+        {
+          value: originValue,
+          style: {
+            color: subTextColor
+          }
+        }
+      ) : "100%"
+    ) : null)
+  );
 };
 var pisellAdjustPrice_default = PisellAdjustPrice;

package/lib/components/pisellAdjustPrice/index.less

@@ -1,30 +1,59 @@
 .pisell-lowcode-adjust-price-wrap {
   width: 380px;
   border-radius: 10px;
-  background-color: #fff;
+  background-color: var(--pisell-adjust-price-background-color);
   padding: 10px;
   display: flex;
   flex-direction: column;
   gap: 10px;
+  transition: all 0.3s ease;
+
+  // 浅色模式样式
+  &.pisell-lowcode-adjust-price-light {
+    .pisell-lowcode-segmented-item-label {
+      color: #667085;
+    }
+  }
+
+  // 深色模式样式
+  &.pisell-lowcode-adjust-price-dark {
+    .pisell-lowcode-segmented-item-label {
+      color: #d0d5dd;
+    }
+  }
+
+  .pisell-lowcode-segmented {
+    background: var(--pisell-adjust-price-container-background-color);
+    :hover {
+      color: var(--pisell-adjust-price-text-color);
+    }
+    .pisell-lowcode-segmented-item-selected {
+      background: var(--pisell-adjust-price-button-background-color);
+      .pisell-lowcode-segmented-item-label {
+        color: var(--pisell-adjust-price-text-color) !important;
+      }
+    }
+  }
+
   .pisell-lowcode-adjust-price-amount-wrap {
     padding: 10px;
     border-radius: 10px;
-    background: var(--Gray-300, #D0D5DD);
+    background: var(--pisell-adjust-price-container-background-color);
   }
   .pisell-low-code-adjust-price-total {
-    color: var(--Gray-900, #101828);
+    color: var(--pisell-adjust-price-main-text-color);
     font-size: 20px;
     font-weight: 600;
     line-height: 30px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc {
-    color: var(--Gray-500, #667085);
+    color: var(--pisell-adjust-price-sub-text-color);
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px; /* 150% */
   }
   .pisell-low-code-adjust-price-amount-desc-error {
-    color: var(--Error-600, #D92D20);
+    color: var(--Error-600, #d92d20);
   }
-}
+}

package/lib/components/pisellAdjustPrice/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellAdjustPrice/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -0,0 +1,9 @@
+import type { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import { Props as TreeItemProps } from './TreeItem';
+interface Props extends TreeItemProps {
+    id: UniqueIdentifier;
+    __designMode?: string;
+}
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
+export default _default;

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from 'react';
+import type { TreeItem as TreeItemType } from '../../types';
+import './TreeItem.less';
+export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
+    childCount?: number;
+    clone?: boolean;
+    collapsed?: boolean;
+    depth: number;
+    disableInteraction?: boolean;
+    disableSelection?: boolean;
+    ghost?: boolean;
+    handleProps?: any;
+    indicator?: boolean;
+    indentationWidth: number;
+    onCollapse?(): void;
+    onRemove?(): void;
+    wrapperRef?(node: HTMLLIElement): void;
+    item: TreeItemType;
+    renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
+    __designMode?: string;
+    isBlocked?: boolean;
+    isError?: boolean;
+}
+export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/pisellDraggable/components/TreeItem/index.d.ts

@@ -0,0 +1,2 @@
+export { TreeItem } from './TreeItem';
+export { default as SortableTreeItem } from './SortableTreeItem';

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

@@ -0,0 +1,35 @@
+/**
+ * 可拖拽树形组件
+ * 基于@dnd-kit库实现，支持拖拽排序、展开折叠、删除等功能
+ */
+import { UniqueIdentifier } from '@dnd-kit/core';
+import React from 'react';
+import type { FlattenedItem, TreeItem, TreeItems } from './types';
+import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
+interface Props {
+    /** 是否支持折叠功能 */
+    collapsible?: boolean;
+    /** 初始树形数据，默认使用 initialItems */
+    value?: TreeItems;
+    /** 缩进宽度，控制子节点的缩进距离 */
+    indentationWidth?: number;
+    /** 是否显示拖拽指示器 */
+    indicator?: boolean;
+    /** 是否支持删除节点功能 */
+    removable?: boolean;
+    /** 自定义渲染树节点 */
+    renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
+    /** 树形数据变化回调 */
+    onChange?: (items: TreeItems) => void;
+    /** 删除节点前 */
+    onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 最大层级 */
+    maxLevel?: number;
+    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
+    canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
+}
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
+declare const Demo: (props: Props) => JSX.Element;
+export default Demo;

package/lib/components/pisellDropSort/PisellDropSort.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PisellDropSortProps } from './types';
+import './PisellDropSort.less';
+declare const PisellDropSort: React.FC<PisellDropSortProps>;
+export default PisellDropSort;

package/lib/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { Props as TreeItem } from '../../../pisellDraggable/components/TreeItem/TreeItem';
+import './index.less';
+interface SortableItemProps {
+    itemProps: TreeItem;
+    render?: (itemProps: TreeItem) => React.ReactNode;
+    domRef: React.RefObject<HTMLDivElement>;
+    allowAddChild?: boolean;
+    allowDelete?: boolean;
+    allowIsShow?: boolean;
+    allowDrag?: boolean;
+    disabled?: boolean;
+    onAdd?: (itemProps: TreeItem) => void;
+    onDelete?: (itemProps: TreeItem) => void;
+    showBorder?: boolean;
+    spacing?: number;
+    maxLevel?: number;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 是否自定义操作 */
+    isCustomAction?: boolean;
+    /** 获取item样式 */
+    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
+}
+declare const SortableItem: (props: SortableItemProps) => JSX.Element;
+export default SortableItem;