@pisell/materials 3.0.49-gray → 3.0.50-gray

package/lib/components/virtual-keyboard/VirtualInput/index.less

@@ -0,0 +1,46 @@
+.pisell-virtual-input-value {
+  width: 100%;
+  min-width: 80px;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  .pisell-virtual-input-caret-container {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    .pisell-virtual-input-caret {
+      height: 40px;
+      width: 4px;
+      position: relative;
+      background: var(--Blue-600, #1570EF);
+    }
+  }
+  .pisell-virtual-input-placeholder {
+    color: var(--Gray-300, #D0D5DD);
+  }
+}
+
+.pisell-virtual-input-value-focus {
+  .pisell-virtual-input-caret {
+    display: block;
+    animation-name: pisell-caret-blink;
+    animation-duration: 1s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+  }
+}
+
+@keyframes pisell-caret-blink {
+  from {
+    opacity: 1;
+  }
+  60% {
+    opacity: 1;
+  }
+  80% {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,9 +1,12 @@
-import React from "react";
-import { InputProps } from "antd";
-import "./index.less";
+import React from 'react';
+import { InputProps } from 'antd';
+import './index.less';
 export interface VirtualKeyInputProps extends InputProps {
     previewValue?: string;
     renderInput?: (props: any) => any;
+    showDelete?: boolean;
+    onValueSelect?: (selected: boolean) => void;
+    defaultSelect?: boolean;
 }
 declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
 export default VirtualKeyInput;

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

@@ -40,23 +40,32 @@ var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var list = ["Backspace"];
 var VirtualKeyInput = (props) => {
-  const { previewValue = props.value, value } = props;
-  const [select, setSelect] = (0, import_react.useState)(false);
+  var _a;
+  const {
+    previewValue = props.value,
+    value,
+    showDelete = true,
+    onValueSelect,
+    defaultSelect
+  } = props;
+  const [select, setSelect] = (0, import_react.useState)(defaultSelect ?? false);
   (0, import_ahooks.useEventListener)("keydown", (ev) => {
     if (list.includes(ev.key)) {
       _onDelete == null ? void 0 : _onDelete();
     }
   });
-  (0, import_react.useEffect)(() => {
-    if (value) {
-      setSelect(false);
-    }
+  const handleSelectChange = (selected) => {
+    onValueSelect == null ? void 0 : onValueSelect(selected);
+    setSelect(selected);
+  };
+  (0, import_ahooks.useUpdateEffect)(() => {
+    handleSelectChange(false);
   }, [value]);
   const _onDelete = () => {
-    var _a;
+    var _a2;
     if (select) {
-      (_a = props.onChange) == null ? void 0 : _a.call(props, { target: { value: "" } });
-      setSelect(false);
+      (_a2 = props.onChange) == null ? void 0 : _a2.call(props, { target: { value: "" } });
+      handleSelectChange(false);
       return;
     }
     let _val = props.value + "";
@@ -71,7 +80,7 @@ var VirtualKeyInput = (props) => {
       }),
       onClick: () => {
         if (value) {
-          setSelect(!select);
+          handleSelectChange(!select);
         }
       }
     },
@@ -85,6 +94,6 @@ var VirtualKeyInput = (props) => {
       readOnly: true,
       value: previewValue
     }
-  ), (value == null ? void 0 : value.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" })) : null);
+  ), ((_a = `${value ?? ""}`) == null ? void 0 : _a.length) && showDelete ? /* @__PURE__ */ import_react.default.createElement("div", { className: "virtual-keyboard-input-delete", onClick: _onDelete }, /* @__PURE__ */ import_react.default.createElement(import_Delete.default, { className: "virtual-keyboard-input-delete-icon" })) : null);
 };
 var VirtualKeyInput_default = VirtualKeyInput;

package/lib/index.d.ts

@@ -102,5 +102,9 @@ export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
 export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';
+export { default as PisellPriceKeyboard } from './components/virtual-keyboard/Amount';
+export { default as PisellNumberKeyboard } from './components/virtual-keyboard/Number';
+export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
+export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';

package/lib/index.js

@@ -73,6 +73,8 @@ __export(src_exports, {
   Modal: () => import_modal.default,
   Page: () => import_page.default,
   Pagination: () => import_antd22.Pagination,
+  PisellAdjustPrice: () => import_pisellAdjustPrice.default,
+  PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
   PisellCard: () => import_pisellCard.default,
   PisellCardList: () => import_pisellCardList.default,
@@ -88,6 +90,8 @@ __export(src_exports, {
   PisellInput: () => import_pisellInput.default,
   PisellLoading: () => import_pisellLoading.default,
   PisellModal: () => import_pisellModal.default,
+  PisellNumberKeyboard: () => import_Number.default,
+  PisellPriceKeyboard: () => import_Amount.default,
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
   PisellStatisticList: () => import_pisellStatisticList.default,
@@ -242,6 +246,10 @@ var import_pisellCard = __toESM(require("./components/pisellCard"));
 var import_pisellInformationEntry = __toESM(require("./components/pisellInformationEntry"));
 var import_usePisellConfig = __toESM(require("./components/pisell-config-provider/hooks/usePisellConfig"));
 var import_context = __toESM(require("./components/pisell-config-provider/context"));
+var import_Amount = __toESM(require("./components/virtual-keyboard/Amount"));
+var import_Number = __toESM(require("./components/virtual-keyboard/Number"));
+var import_pisellAdjustPrice = __toESM(require("./components/pisellAdjustPrice"));
+var import_PisellAdjustPriceInputNumber = __toESM(require("./components/pisellAdjustPrice/PisellAdjustPriceInputNumber"));
 var import_pisellStatisticList = __toESM(require("./components/pisellStatisticList"));
 var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPanel"));
 // Annotate the CommonJS export names for ESM import in node:
@@ -290,6 +298,8 @@ var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPan
   Modal,
   Page,
   Pagination,
+  PisellAdjustPrice,
+  PisellAdjustPriceInputNumber,
   PisellAlert,
   PisellCard,
   PisellCardList,
@@ -305,6 +315,8 @@ var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPan
   PisellInput,
   PisellLoading,
   PisellModal,
+  PisellNumberKeyboard,
+  PisellPriceKeyboard,
   PisellRow,
   PisellScan,
   PisellStatisticList,

package/lib/locales/en-US.d.ts

@@ -106,5 +106,11 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-balance': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -136,5 +136,12 @@ var en_US_default = {
   "pisell-wallet-pass-card-detail": "Detail",
   "pisell-wallet-pass-card-redeem": "Redeem",
   "pisell-wallet-pass-card-balance": "Balance",
-  "pisell-wallet-pass-card-valid-to": "Valid to"
+  "pisell-wallet-pass-card-valid-to": "Valid to",
+  // 金额修改组件
+  "pisell-adjust-price-price-override": "Price override",
+  "pisell-adjust-price-discount": "Discount",
+  "pisell-adjust-price-discount-amount": "Amount",
+  "pisell-adjust-price-discount-percentage": "Percentage",
+  "pisell-adjust-price-total-after-discount": "Total after discount: ",
+  "pisell-adjust-price-discount-can-be-maximum": "Discount can be maximum"
 };

package/lib/locales/zh-CN.d.ts

@@ -106,5 +106,11 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-balance': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -136,5 +136,12 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-detail": "详情",
   "pisell-wallet-pass-card-redeem": "兑换",
   "pisell-wallet-pass-card-balance": "余额",
-  "pisell-wallet-pass-card-valid-to": "有效期至"
+  "pisell-wallet-pass-card-valid-to": "有效期至",
+  // 金额修改组件
+  "pisell-adjust-price-price-override": "一口价",
+  "pisell-adjust-price-discount": "折扣",
+  "pisell-adjust-price-discount-amount": "金额",
+  "pisell-adjust-price-discount-percentage": "百分比",
+  "pisell-adjust-price-total-after-discount": "打折后总价",
+  "pisell-adjust-price-discount-can-be-maximum": "折扣最高可达"
 };

package/lib/locales/zh-TW.d.ts

@@ -106,5 +106,11 @@ declare const _default: {
     'pisell-wallet-pass-card-redeem': string;
     'pisell-wallet-pass-card-balance': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -136,5 +136,12 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-detail": "詳情",
   "pisell-wallet-pass-card-redeem": "兌換",
   "pisell-wallet-pass-card-balance": "餘額",
-  "pisell-wallet-pass-card-valid-to": "有效期至"
+  "pisell-wallet-pass-card-valid-to": "有效期至",
+  // 金额修改组件
+  "pisell-adjust-price-price-override": "一口價",
+  "pisell-adjust-price-discount": "折扣",
+  "pisell-adjust-price-discount-amount": "金額",
+  "pisell-adjust-price-discount-percentage": "百分比",
+  "pisell-adjust-price-total-after-discount": "打折后總價",
+  "pisell-adjust-price-discount-can-be-maximum": "折扣最高可達"
 };

package/lowcode/pisell-adjust-price/meta.ts

@@ -0,0 +1,58 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellAdjustPrice",
+  title: "卡片",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAdjustPrice",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认值' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'max',
+      title: { label: '最大值', tip: '最大值' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'min',
+      title: { label: '最小值', tip: '最小值' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+    {
+      name: 'value',
+      title: { label: 'value', tip: 'value' },
+      propType: 'number',
+      setter: 'NumberSetter',
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,${extParams}){\nconsole.log('onChange', value);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-adjust-price/snippets.ts

@@ -0,0 +1,10 @@
+export default [
+  {
+    title: '金额修改',
+    schema: {
+      componentName: 'PisellAdjustPrice',
+      props: {
+      },
+    },
+  },
+];

package/lowcode/pisell-adjust-price-input-number/meta.ts

@@ -0,0 +1,245 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellAdjustPriceInputNumberMeta: ComponentMetadata = {
+  componentName: 'PisellAdjustPriceInputNumber',
+  title: 'PisellAdjustPriceInputNumber',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '3.0.48',
+    exportName: 'PisellAdjustPriceInputNumber',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        name: "defaultValue",
+        title: { label: "默认值", tip: "默认值" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "value",
+        title: { label: "当前值", tip: "当前值" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "originValue",
+        title: { label: "原始金额", tip: "原始金额" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "autoFocus",
+        title: { label: "自动聚焦", tip: "自动获取焦点" },
+        propType: "bool",
+        defaultValue: false,
+        setter: "BoolSetter",
+      },
+      {
+        name: "disabled",
+        title: { label: "是否禁用", tip: "是否为禁用状态" },
+        propType: "bool",
+        defaultValue: false,
+        setter: "BoolSetter",
+      },
+      {
+        name: "placeholder",
+        title: { label: "占位提示", tip: "占位提示" },
+        propType: "string",
+        defaultValue: "请输入",
+        setter: "PisellI18nSetter",
+      },
+      {
+        name: "controls",
+        title: { label: "是否显示增减按钮", tip: "是否显示增减按钮" },
+        propType: "bool",
+        defaultValue: true,
+        setter: "BoolSetter",
+      },
+      {
+        name: "bordered",
+        title: { label: "显示边框", tip: "是否有边框" },
+        propType: "bool",
+        defaultValue: true,
+        setter: "BoolSetter",
+      },
+      {
+        name: "type",
+        title: { label: "input类型", tip: "声明 input 类型，同原生 input 标签的 type 属性，见：MDN(请直接使用 Input.TextArea 代替 type=\"textarea\")" },
+        propType: 'string',
+        setter: 'StringSetter',
+      },
+      {
+        name: "addonAfter",
+        title: { label: "后置标签", tip: "后置标签" },
+        propType: { type: "oneOfType", value: ["string", "node"] },
+        setter: ["PisellI18nSetter", "SlotSetter"],
+      },
+      {
+        name: "addonBefore",
+        title: { label: "前置标签", tip: "前置标签" },
+        propType: { type: "oneOfType", value: ["string", "node"] },
+        setter: ["PisellI18nSetter", "SlotSetter"],
+      },
+      // {
+      //   name: 'formatter',
+      //   title: {
+      //     label: '指定输入框展示值的格式',
+      //     tip: '指定输入框展示值的格式',
+      //   },
+      //   propType: 'func',
+      // },
+      {
+        name: "max",
+        title: { label: "最大值", tip: "最大值" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "min",
+        title: { label: "最小值", tip: "最小值" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "precision",
+        title: { label: "数值精度", tip: "数值精度" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      // {
+      //   name: 'decimalSeparator',
+      //   title: { label: '小数点', tip: '小数点' },
+      //   propType: 'string',
+      // },
+      {
+        name: "size",
+        title: { label: "尺寸", tip: "输入框大小" },
+        propType: { type: "oneOf", value: ["large", "middle", "small"] },
+        setter: {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "大",
+                value: "large",
+              },
+              {
+                title: "中",
+                value: "middle",
+              },
+              {
+                title: "小",
+                value: "small",
+              },
+            ],
+          },
+        },
+        defaultValue: "middle",
+      },
+      {
+        name: "step",
+        title: { label: "单步长", tip: "每次改变步数" },
+        propType: "number",
+        setter: "NumberSetter",
+      },
+      {
+        name: "onChange",
+        title: { label: "变化回调", tip: "变化回调" },
+        propType: "func",
+      },
+      {
+        name: "onPressEnter",
+        title: { label: "按下回车的回调", tip: "按下回车的回调" },
+        propType: "func",
+      },
+      {
+        name: "onFocus",
+        title: { label: "获取焦点回调", tip: "获取焦点回调" },
+        propType: "func",
+      },
+      {
+        name: "onKeyDown",
+        title: { label: "按键按下时的回调", tip: "按键按下时的回调" },
+        propType: "func",
+      },
+      {
+        name: "onKeyPress",
+        title: { label: "按键按下后的回调", tip: "按键按下之后释放之前的回调" },
+        propType: "func",
+      },
+      {
+        name: "onKeyUp",
+        title: { label: "按键释放回调", tip: "按键释放之后的回调" },
+        propType: "func",
+      },
+      {
+        name: "onBlur",
+        title: { label: "失去焦点回调", tip: "失去焦点回调" },
+        propType: "func",
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onChange",
+          template:
+            "onChange(value,${extParams}){\n// 变化回调\nconsole.log('onChange',value);}",
+        },
+        {
+          name: "onPressEnter",
+          template:
+            "onPressEnter(event,${extParams}){\n// 按下回车的回调\nconsole.log('onPressEnter',event);}",
+        },
+        {
+          name: "onFocus",
+          template:
+            "onFocus(event,${extParams}){\n// 获取焦点回调\nconsole.log('onFocus',event);}",
+        },
+        {
+          name: "onKeyDown",
+          template:
+            "onKeyDown(event,${extParams}){\n// 按键按下时的回调\nconsole.log('onKeyDown',event);}",
+        },
+        {
+          name: "onKeyPress",
+          template:
+            "onKeyPress(event,${extParams}){\n// 按键按下后的回调\nconsole.log('onKeyPress',event);}",
+        },
+        {
+          name: "onKeyUp",
+          template:
+            "onKeyUp(event,${extParams}){\n// 按键释放回调\nconsole.log('onKeyUp',event);}",
+        },
+        {
+          name: "onBlur",
+          template:
+            "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
+        },
+      ],
+    },
+    component: {},
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: 'PisellAdjustPriceInputNumber',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellAdjustPriceInputNumber',
+      props: {},
+    },
+  },
+];
+
+export default {
+  ...PisellAdjustPriceInputNumberMeta,
+  snippets,
+};

package/lowcode/pisell-number-keyboard/meta.ts

@@ -0,0 +1,98 @@
+import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
+
+
+const PisellNumberKeyboardMeta: ComponentMetadata = {
+  componentName: "PisellNumberKeyboard",
+  title: "PisellNumberKeyboard",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.3",
+    exportName: "PisellNumberKeyboard",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "defaultValue",
+      title: { label: "默认值", tip: "默认值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "max",
+      title: { label: "最大值", tip: "最大值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "min",
+      title: { label: "最小值", tip: "最小值" },
+      propType: "number",
+      setter: "NumberSetter",
+    },
+    {
+      name: "doneText",
+      title: { label: "确认按钮文案", tip: "确认按钮文案" },
+      propType: "string",
+      defaultValue: "Done",
+      setter: "PisellI18nSetter",
+    },
+    {
+      name: "resetText",
+      title: { label: "重置按钮文案", tip: "重置按钮文案" },
+      propType: "string",
+      defaultValue: "Reset",
+      setter: "PisellI18nSetter",
+    },
+    {
+      name: "placeholder",
+      title: { label: "展位文字placeholder", tip: "placeholder" },
+      propType: "string",
+      setter: "PisellI18nSetter",
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        },
+        {
+          name: "onChange",
+          template:
+            "onChange(value,${extParams}){\nconsole.log('onChange', value);}",
+        },
+        {
+          name: "onEnter",
+          template:
+            "onEnter(value,${extParams}){\nconsole.log('onEnter', value);}",
+        },
+      ],
+    },
+    component: {
+      isContainer: true,
+    },
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: "PisellNumberKeyboard",
+    screenshot: "",
+    schema: {
+      componentName: "PisellNumberKeyboard",
+      props: {},
+    },
+  },
+];
+
+export default {
+  ...PisellNumberKeyboardMeta,
+  snippets,
+};