@pisell/private-materials 6.6.8 → 6.6.10

package/dist/lib/components/eftpos/device.js

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
+const require_index = require('./form/index.js');
+const require_const = require('./const.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+
+//#region src/components/eftpos/device.tsx
+const Device = (props) => {
+	const { onSave, children, formItemList } = props;
+	const initialValues = require_const.getDefaultValue(formItemList);
+	return /* @__PURE__ */ react.default.createElement(antd.Form, {
+		layout: "vertical",
+		onFinish: onSave,
+		initialValues,
+		className: "pisell-lowcode__pos-device"
+	}, /* @__PURE__ */ react.default.createElement("div", { style: {
+		flex: 1,
+		overflow: "auto",
+		padding: "0 0 60px 0"
+	} }, /* @__PURE__ */ react.default.createElement(require_index.default, { formItemList }), children), /* @__PURE__ */ react.default.createElement(antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		htmlType: "submit",
+		block: true,
+		style: { height: "48px" }
+	}, __pisell_utils.locales.getText("page.eftpos.text.save"))));
+};
+var device_default = Device;
+
+//#endregion
+exports.default = device_default;

package/dist/lib/components/eftpos/deviceList/index.js

@@ -0,0 +1,37 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+const require_index = require('../group/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+
+//#region src/components/eftpos/deviceList/index.tsx
+const DeviceList = (props) => {
+	const [form] = antd.Form.useForm();
+	const { list, onChange } = props;
+	console.log(list);
+	const onValuesChange = () => {
+		onChange(Object.values(form.getFieldsValue()).flat());
+	};
+	const initialValues = (0, react.useMemo)(() => {
+		return list.reduce((target, item) => {
+			return {
+				...target,
+				[item.name]: item?.input?.value || item?.input?.defaultValue
+			};
+		}, {});
+	}, [list]);
+	return /* @__PURE__ */ react.default.createElement(antd.Form, {
+		layout: "vertical",
+		onValuesChange,
+		form,
+		initialValues
+	}, list.map(({ input, ...formItemProps }) => {
+		return /* @__PURE__ */ react.default.createElement(antd.Form.Item, formItemProps, /* @__PURE__ */ react.default.createElement(require_index.CheckboxGroup, input));
+	}));
+};
+var deviceList_default = ({ input, ...formItemProps }) => {
+	return /* @__PURE__ */ react.default.createElement(antd.Form.Item, formItemProps, /* @__PURE__ */ react.default.createElement(DeviceList, input));
+};
+
+//#endregion
+exports.default = deviceList_default;

package/dist/lib/components/eftpos/form/index.js

@@ -0,0 +1,91 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+const require_index = require('../group/index.js');
+const require_index$1 = require('../surcharge/index.js');
+const require_index$2 = require('../receipt/index.js');
+const require_index$3 = require('../deviceList/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+
+//#region src/components/eftpos/form/index.tsx
+const Mapping = {
+	Input: antd.Input,
+	InputNumber: antd.InputNumber,
+	Checkbox: antd.Checkbox,
+	"Checkbox.Group": require_index.CheckboxGroup,
+	Radio: antd.Radio,
+	"Radio.Group": require_index.RadioGroup,
+	"Radio.Button": antd.Radio.Button,
+	Cascader: antd.Cascader,
+	DatePicker: antd.DatePicker,
+	Select: antd.Select,
+	Slider: antd.Slider,
+	Switch: antd.Switch,
+	TimePicker: antd.TimePicker,
+	Transfer: antd.Transfer,
+	TreeSelect: antd.TreeSelect,
+	Upload: antd.Upload
+};
+const CustomMapping = {
+	Surcharge: require_index$1.default,
+	DeviceList: require_index$3.default,
+	Receipt: require_index$2.default
+};
+/**
+* @title: 递归循环表单数据
+* @Author: hongbing.wang
+* @Date: 2024-08-20 13:21
+*/
+const CustomFormItem = ({ formItemList, level = 0, onChange }) => {
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, formItemList.map(({ __sourceName, Component, ...item }, index) => {
+		if (Array.isArray(item.children)) return /* @__PURE__ */ react.default.createElement(CustomFormItem, {
+			formItemList: item.children,
+			onChange,
+			key: item.name ? `${item.name}${level}` : `${Component}${index}${level}`,
+			level: level + 1
+		});
+		if (typeof Component === "object") return /* @__PURE__ */ react.default.createElement(Component, {
+			...item,
+			key: `${item.name}${level}`
+		});
+		if (Mapping[Component]) {
+			const Comm = Mapping[Component];
+			const { input, ...formItemProps } = item;
+			return /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+				...formItemProps,
+				key: `${item.name}${level}`
+			}, /* @__PURE__ */ react.default.createElement(Comm, input));
+		}
+		if (Mapping[Component]) {
+			const Comm = Mapping[Component];
+			const { input, ...formItemProps } = item;
+			return /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+				...formItemProps,
+				key: `${item.name}${level}`
+			}, /* @__PURE__ */ react.default.createElement(Comm, input));
+		}
+		if (CustomMapping[Component]) {
+			const Comm = CustomMapping[Component];
+			return /* @__PURE__ */ react.default.createElement(Comm, {
+				...item,
+				key: `${item.name}${level}`
+			});
+		}
+		throw TypeError(`pos物料库 输入组件类型 ${Component} 无法映射,请正确传入组件类型`);
+	}));
+};
+var form_default = CustomFormItem;
+const helpMapping = {
+	Surcharge: {
+		getCommName: require_index$1.getCommName,
+		getCommDefaultVal: require_index$1.getCommDefaultVal
+	},
+	Receipt: {
+		getCommName: require_index$2.getCommName,
+		getCommDefaultVal: require_index$2.getCommDefaultVal
+	}
+};
+
+//#endregion
+exports.default = form_default;
+exports.helpMapping = helpMapping;

package/dist/lib/components/eftpos/group/index.js

@@ -0,0 +1,50 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+
+//#region src/components/eftpos/group/index.tsx
+const CheckboxGroup = ({ direction, options, ...props }) => {
+	if (direction === "vertical") return /* @__PURE__ */ react.default.createElement(antd.Checkbox.Group, props, /* @__PURE__ */ react.default.createElement(antd.Space, { direction }, options?.map((item) => {
+		if (typeof item === "object") {
+			const { label, value, ...other } = item;
+			return /* @__PURE__ */ react.default.createElement(antd.Checkbox, {
+				...other,
+				value,
+				key: `${item.value}`
+			}, label);
+		}
+		return /* @__PURE__ */ react.default.createElement(antd.Checkbox, {
+			value: item,
+			key: `${item}`
+		}, item);
+	})));
+	return /* @__PURE__ */ react.default.createElement(antd.Checkbox.Group, {
+		...props,
+		options
+	});
+};
+const RadioGroup = ({ direction, options, ...props }) => {
+	if (direction === "vertical") return /* @__PURE__ */ react.default.createElement(antd.Radio.Group, props, /* @__PURE__ */ react.default.createElement(antd.Space, { direction: "vertical" }, options?.map((item) => {
+		if (typeof item === "object") {
+			const { label, value, ...other } = item;
+			return /* @__PURE__ */ react.default.createElement(antd.Radio, {
+				...other,
+				value,
+				key: `${item.value}`
+			}, label);
+		}
+		return /* @__PURE__ */ react.default.createElement(antd.Radio, {
+			value: item,
+			key: `${item}`
+		}, item);
+	})));
+	return /* @__PURE__ */ react.default.createElement(antd.Radio.Group, {
+		...props,
+		options
+	});
+};
+
+//#endregion
+exports.CheckboxGroup = CheckboxGroup;
+exports.RadioGroup = RadioGroup;

package/dist/lib/components/eftpos/hooks.js

@@ -0,0 +1,72 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
+const require_load = require('../../utils/load.js');
+let react = require("react");
+
+//#region src/components/eftpos/hooks.tsx
+/**
+* @title: tyro 设备连接
+* @Author: hongbing.wang
+* @Date: 2024-08-20 13:23
+*/
+const usePairTerminalo = (type, params) => {
+	const ref = (0, react.useRef)();
+	const iclientRef = (0, react.useRef)();
+	const url = (0, react.useMemo)(() => {
+		return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+	}, [params]);
+	const loadSDK = () => {
+		if (window?.TYRO) return Promise.resolve(window?.TYRO);
+		return require_load.default(url, document.head).then(() => {
+			console.log(window?.TYRO);
+			return window?.TYRO;
+		});
+	};
+	const pair = async ({ mid, tid, apiKey, posProductData }, cb) => {
+		if (type !== "tyro") {
+			cb({});
+			return;
+		}
+		if (!ref.current) ref.current = await loadSDK();
+		if (!ref.current) {
+			cb({});
+			return;
+		}
+		if (!iclientRef.current) iclientRef.current = new ref.current.IClient(apiKey, posProductData);
+		iclientRef.current.pairTerminal(mid, tid, (response) => {
+			console.log(response);
+			cb(response);
+		});
+	};
+	return pair;
+};
+/**
+* @title: 获取 Tyro 资源
+* @description:
+* @param {Eftpos} type 类型
+* @param {string} url 链接
+* @return {*}
+* @Author: hongbing.wang
+* @Date: 2024-08-19 18:36
+*/
+const useTyro = (params) => {
+	const ref = (0, react.useRef)();
+	const [load, setLoad] = (0, react.useState)(false);
+	const url = (0, react.useMemo)(() => {
+		return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+	}, [params]);
+	(0, react.useEffect)(() => {
+		require_load.default(url, document.head).then(() => {
+			return window?.TYRO;
+		}).then((res) => {
+			setLoad(true);
+			ref.current = res;
+		}, () => {
+			setLoad(true);
+		});
+	}, [url]);
+	return [ref, load];
+};
+
+//#endregion
+exports.usePairTerminalo = usePairTerminalo;
+exports.useTyro = useTyro;

package/dist/lib/components/eftpos/icon/apiKey.js

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/eftpos/icon/apiKey.tsx
+var apiKey_default = ({ color }) => {
+	return /* @__PURE__ */ react.default.createElement("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, /* @__PURE__ */ react.default.createElement("g", null, /* @__PURE__ */ react.default.createElement("path", {
+		d: "M18 17V19.4C18 19.9601 18 20.2401 17.891 20.454C17.7951 20.6422 17.6422 20.7951 17.454 20.891C17.2401 21 16.9601 21 16.4 21H7.6C7.03995 21 6.75992 21 6.54601 20.891C6.35785 20.7951 6.20487 20.6422 6.10899 20.454C6 20.2401 6 19.9601 6 19.4V17M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
+		stroke: color || "white",
+		"stroke-width": "1.67",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	})));
+};
+
+//#endregion
+exports.default = apiKey_default;

package/dist/lib/components/eftpos/icon/device.js

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/eftpos/icon/device.tsx
+var device_default = ({ color }) => {
+	return /* @__PURE__ */ react.default.createElement("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg"
+	}, /* @__PURE__ */ react.default.createElement("g", null, /* @__PURE__ */ react.default.createElement("path", {
+		d: "M18.5708 20C19.8328 20 20.8568 18.977 20.8568 17.714V13.143L21.9998 12L20.8568 10.857V6.286C20.8568 5.023 19.8338 4 18.5708 4M5.429 4C4.166 4 3.143 5.023 3.143 6.286V10.857L2 12L3.143 13.143V17.714C3.143 18.977 4.166 20 5.429 20M7.5 12H7.51M12 12H12.01M16.5 12H16.51M8 12C8 12.2761 7.77614 12.5 7.5 12.5C7.22386 12.5 7 12.2761 7 12C7 11.7239 7.22386 11.5 7.5 11.5C7.77614 11.5 8 11.7239 8 12ZM12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12ZM17 12C17 12.2761 16.7761 12.5 16.5 12.5C16.2239 12.5 16 12.2761 16 12C16 11.7239 16.2239 11.5 16.5 11.5C16.7761 11.5 17 11.7239 17 12Z",
+		stroke: color || "white",
+		"stroke-width": "1.67",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round"
+	})));
+};
+
+//#endregion
+exports.default = device_default;

package/dist/lib/components/eftpos/index.d.ts

@@ -0,0 +1,49 @@
+import { DeviceStatus, Eftpos } from "./const.js";
+import "./index.less";
+
+//#region src/components/eftpos/index.d.ts
+interface PosProps {
+  /** 厂商类型 */
+  type: Eftpos;
+  /** 厂商名称 */
+  name: string;
+  /** 厂商额外信息 */
+  config: {
+    [key: string]: unknown;
+  };
+  /** 编辑页面zIndex */
+  zIndex?: number;
+  /** table 列表宽度 */
+  tableSize: number[];
+  /** tyro sdk url */
+  tyroUrl: string;
+  /** tyro sdk version */
+  tyroVersion: string;
+  /** tyro log 是否展示 */
+  useTyroLog?: boolean;
+  /** 获取字段匹配数据项 */
+  getComm: (params: {
+    field: string;
+    value?: unknown;
+  }, record?: any) => any;
+  /** 设备厂商默认数据 */
+  getField: (type: Eftpos, status?: DeviceStatus) => any;
+  /** 编辑设备数据 */
+  onEdit: (device: any, type: DeviceStatus) => Promise<any>;
+  /** 编辑厂商数据 */
+  onEditKey: () => {};
+  /** 设备列表数据 */
+  getList: (params: {
+    type: Eftpos;
+    num: number;
+    skip: number;
+  }) => any;
+  /** 删除列表数据 */
+  onDel: (id: string | number) => Promise<any>;
+  /** 获取pos刷卡机配置字段 */
+  getPosComm: (...agrn: unknown[]) => any;
+  savePos: (...agrn: unknown[]) => any;
+}
+declare const _default: (props: PosProps) => JSX.Element;
+//#endregion
+export { _default };