@pisell/private-materials 3.0.57 → 3.0.59

package/lib/components/taxSelect/index.js

@@ -0,0 +1,161 @@
+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/taxSelect/index.tsx
+var taxSelect_exports = {};
+__export(taxSelect_exports, {
+  default: () => taxSelect_default
+});
+module.exports = __toCommonJS(taxSelect_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var TaxSelect = (props) => {
+  const {
+    value,
+    onChange,
+    selectProps,
+    tax_rate = 10,
+    tax_title = "Tax"
+  } = props;
+  const inputNumberRef = (0, import_react.useRef)();
+  const [form] = import_antd.Form.useForm();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const context = (0, import_useEngineContext.default)();
+  const useTax = import_antd.Form.useWatch("tax", form);
+  import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const options = (0, import_react.useMemo)(() => {
+    const isEn = localStorage.getItem("umi_locale") === "en-US";
+    const taxOptions = [
+      {
+        value: 0,
+        label: (isEn ? tax_title : "") + import_utils.locales.getText("pisell2.text.tax-free")
+      },
+      {
+        value: tax_rate,
+        label: tax_rate + "%"
+      },
+      {
+        value: "custom",
+        label: import_utils.locales.getText("pisell2.text.custom")
+      }
+    ];
+    return taxOptions;
+  }, []);
+  const _onChange = (val) => {
+    if (val === "custom") {
+      setOpen(true);
+      setTimeout(() => {
+        var _a, _b;
+        form.setFieldsValue({
+          tax: value || tax_rate
+        });
+        (_b = (_a = inputNumberRef.current).focus) == null ? void 0 : _b.call(_a);
+      }, 10);
+      return;
+    }
+    onChange == null ? void 0 : onChange(val);
+  };
+  const _value = (0, import_react.useMemo)(() => {
+    if (value === void 0 || value === null) {
+      return;
+    }
+    if (options.some((d) => d.value === value)) {
+      return value;
+    }
+    return `${import_utils.locales.getText("pisell2.text.custom")} (${value}%)`;
+  }, [value]);
+  const onCancel = () => {
+    form.resetFields();
+    setOpen(false);
+  };
+  const onFinish = (values) => {
+    onChange == null ? void 0 : onChange(values.tax);
+    onCancel();
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      options,
+      size: "large",
+      value: _value,
+      onChange: _onChange,
+      style: { width: "100%" },
+      placeholder: import_utils.locales.getText("pisell2.text.please-enter"),
+      ...selectProps
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      open,
+      title: `${import_utils.locales.getText("pisell2.text.custom")} ${tax_title}`,
+      footer: null,
+      onCancel
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, layout: "vertical", onFinish }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: tax_title, name: "tax", required: true }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        ref: inputNumberRef,
+        size: "large",
+        min: 0,
+        max: 100,
+        type: "number",
+        addonAfter: "%",
+        style: { width: "100%" }
+      }
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "tax-select-footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: onCancel,
+        className: "tax-select-footer-item",
+        size: "large"
+      },
+      import_utils.locales.getText("pisell2.text.cancel")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "primary",
+        className: "tax-select-footer-item",
+        size: "large",
+        disabled: !useTax,
+        onClick: () => {
+          form.submit();
+        }
+      },
+      import_utils.locales.getText("pisell2.text.confirm")
+    ))
+  ));
+};
+var taxSelect_default = TaxSelect;

package/lib/components/taxSelect/index.less

@@ -0,0 +1,12 @@
+.tax-select-footer {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+
+}
+
+.tax-select-footer-item {
+  flex: 1;
+}

package/lib/components/taxSelect/locales.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    en: {
+        'pisell2.text.tax-free': string;
+        'pisell2.text.custom': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.confirm': string;
+        'pisell2.text.please-enter': string;
+    };
+    'zh-CN': {
+        'pisell2.text.tax-free': string;
+        'pisell2.text.custom': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.confirm': string;
+        'pisell2.text.please-enter': string;
+    };
+    'zh-HK': {
+        'pisell2.text.tax-free': string;
+        'pisell2.text.custom': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.confirm': string;
+        'pisell2.text.please-enter': string;
+    };
+};
+export default _default;

package/lib/components/taxSelect/locales.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/taxSelect/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  "en": {
+    "pisell2.text.tax-free": " free",
+    "pisell2.text.custom": "Custom",
+    "pisell2.text.cancel": "Cancel",
+    "pisell2.text.confirm": "Confirm",
+    "pisell2.text.please-enter": "Please enter"
+  },
+  "zh-CN": {
+    "pisell2.text.tax-free": "免税",
+    "pisell2.text.custom": "自定义",
+    "pisell2.text.cancel": "取消",
+    "pisell2.text.confirm": "确认",
+    "pisell2.text.please-enter": "请输入"
+  },
+  "zh-HK": {
+    "pisell2.text.tax-free": "免稅",
+    "pisell2.text.custom": "自定義",
+    "pisell2.text.cancel": "取消",
+    "pisell2.text.confirm": "確認",
+    "pisell2.text.please-enter": "請輸入"
+  }
+};

package/lib/index.d.ts

@@ -14,3 +14,4 @@ export { default as BookingContacts } from './components/booking/materiels/conta
 export { default as ProductExtension } from './components/productExtension';
 export { default as BookingDeposit } from './components/booking/deposit';
 export { default as RuleSetting } from './components/ruleSetting';
+export { default as TaxSelect } from './components/taxSelect';

package/lib/index.js

@@ -43,7 +43,8 @@ __export(src_exports, {
   Login: () => import_login.default,
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
-  Schedules: () => import_schedules.default
+  Schedules: () => import_schedules.default,
+  TaxSelect: () => import_taxSelect.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
@@ -64,6 +65,7 @@ var import_contacts = __toESM(require("./components/booking/materiels/contacts")
 var import_productExtension = __toESM(require("./components/productExtension"));
 var import_deposit = __toESM(require("./components/booking/deposit"));
 var import_ruleSetting = __toESM(require("./components/ruleSetting"));
+var import_taxSelect = __toESM(require("./components/taxSelect"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -82,5 +84,6 @@ import_dayjs.default.extend(import_localeData.default);
   Login,
   ProductExtension,
   RuleSetting,
-  Schedules
+  Schedules,
+  TaxSelect
 });

package/lowcode/tax-select/meta.ts

@@ -0,0 +1,107 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const TaxSelectMeta: ComponentMetadata = {
+  "componentName": "TaxSelect",
+  "title": "TaxSelect",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/private-materials",
+    "version": "1.0.4",
+    "exportName": "TaxSelect",
+    "main": "src/index.ts",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "value",
+            "zh-CN": "value"
+          }
+        },
+        "name": "value",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "onChange",
+            "zh-CN": "onChange"
+          }
+        },
+        "name": "onChange",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "className",
+            "zh-CN": "className"
+          }
+        },
+        "name": "className",
+        "setter": ["StringSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "selectProps",
+            "zh-CN": "selectProps"
+          }
+        },
+        "name": "selectProps",
+        "setter": ["JsonSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "tax_title",
+            "zh-CN": "tax_title"
+          }
+        },
+        "name": "tax_title",
+        "setter": ["StringSetter", "VariableSetter"],
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "tax_rate",
+            "zh-CN": "tax_rate"
+          }
+        },
+        "name": "tax_rate",
+        "setter": ["StringSetter", "VariableSetter"],
+      }
+    ],
+    "supports": {
+      "style": true,
+    },
+    "component": {}
+  }
+};
+const snippets: Snippet[] = [
+  {
+    "title": "TaxSelect",
+    "screenshot": "",
+    "schema": {
+      "componentName": "TaxSelect",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...TaxSelectMeta,
+  snippets
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.0.57",
+  "version": "3.0.59",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",