@pisell/materials 2.2.27 → 2.2.29

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

@@ -0,0 +1,65 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/virtual-keyboard/Number/index.tsx
+var Number_exports = {};
+__export(Number_exports, {
+  default: () => Number_default
+});
+module.exports = __toCommonJS(Number_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_BaseNumberKeyboard = __toESM(require("../BaseNumberKeyboard"));
+var Number = (props) => {
+  const {
+    min,
+    max,
+    doneText,
+    resetText,
+    defaultValue,
+    placeholder,
+    onEnter
+  } = props;
+  const [value, setValue] = (0, import_ahooks.useControllableValue)(props, {
+    defaultValue: defaultValue || ""
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_BaseNumberKeyboard.default,
+    {
+      max,
+      min,
+      value,
+      onChange: setValue,
+      placeholder,
+      doneText,
+      resetText,
+      onEnter
+    }
+  );
+};
+var Number_default = Number;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.less';
+export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    autoFocus?: boolean;
+    placeholder?: string;
+}
+declare const VirtualInput: (props: VirtualInputProps) => React.JSX.Element;
+export default VirtualInput;

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

@@ -0,0 +1,63 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/virtual-keyboard/VirtualInput/index.tsx
+var VirtualInput_exports = {};
+__export(VirtualInput_exports, {
+  default: () => VirtualInput_default
+});
+module.exports = __toCommonJS(VirtualInput_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var VirtualInput = (props) => {
+  const { value, autoFocus, placeholder = "" } = props;
+  const [isFocus, setIsFocus] = (0, import_react.useState)(autoFocus);
+  const onFocus = () => {
+    setIsFocus(true);
+  };
+  const onBlur = () => {
+    setIsFocus(false);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      onFocus,
+      onBlur,
+      tabIndex: 0,
+      className: (0, import_classnames.default)("pisell-virtual-input-value", {
+        "pisell-virtual-input-value-focus": isFocus
+      })
+    },
+    value,
+    ((0, import_utils.isUndefined)(value) || value === "") && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-placeholder" }, placeholder),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-caret-container" }, isFocus && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-caret" }))
+  );
+};
+var VirtualInput_default = VirtualInput;

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,3 +102,7 @@ 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';

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,
@@ -87,6 +89,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,
   PisellText: () => import_pisellText.default,
@@ -240,6 +244,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"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -286,6 +294,8 @@ var import_context = __toESM(require("./components/pisell-config-provider/contex
   Modal,
   Page,
   Pagination,
+  PisellAdjustPrice,
+  PisellAdjustPriceInputNumber,
   PisellAlert,
   PisellCard,
   PisellCardList,
@@ -300,6 +310,8 @@ var import_context = __toESM(require("./components/pisell-config-provider/contex
   PisellInput,
   PisellLoading,
   PisellModal,
+  PisellNumberKeyboard,
+  PisellPriceKeyboard,
   PisellRow,
   PisellScan,
   PisellText,

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/input/meta.ts

@@ -49,6 +49,13 @@ export default {
       defaultValue: false,
       setter: 'BoolSetter',
     },
+    {
+      name: 'readOnly',
+      title: { label: '是否只读', tip: '是否为只读状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
     {
       name: 'placeholder',
       title: { label: '占位提示', tip: '占位提示' },
@@ -151,6 +158,16 @@ export default {
       title: { label: '失去焦点回调', tip: '失去焦点回调' },
       propType: 'func',
     },
+    {
+      name: 'onClick',
+      title: { label: '点击回调', tip: '点击回调' },
+      propType: 'func',
+    },
+    {
+      name: 'onClear',
+      title: { label: '按下清除按钮的回调', tip: '按下清除按钮的回调' },
+      propType: 'func',
+    },
   ],
   configure: {
     supports: {
@@ -188,6 +205,14 @@ export default {
           name: 'onBlur',
           template: "onBlur(event,${extParams}){\n// 按键释放回调\nconsole.log('onBlur',event);}",
         },
+        {
+          name: 'onClick',
+          template: "onClick(event,${extParams}){\n// 点击回调\nconsole.log('onClick',event);}",
+        },
+        {
+          name: 'onClear',
+          template: "onClear(event,${extParams}){\n// 按下清除按钮的回调\nconsole.log('onClear',event);}",
+        },
       ],
     },
   },

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: {
+      },
+    },
+  },
+];