@pisell/materials 1.0.379 → 1.0.381

package/es/components/iconfont/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { createFromIconfontCN } from '@ant-design/icons';
 import React from 'react';
 var MyIcon = createFromIconfontCN({
-  scriptUrl: 'https://at.alicdn.com/t/c/font_4075221_v55dw714o2.js' // 在 iconfont.cn 上生成
+  scriptUrl: 'https://at.alicdn.com/t/c/font_4075221_cy8sszjz7t7.js' // 在 iconfont.cn 上生成
 });
 
 var IconFont = function IconFont(props) {

package/es/components/pisellDatePicker/datePickerCpt.js

@@ -38,6 +38,11 @@ var DatePickerInput = function DatePickerInput(props) {
   var handleChange = function handleChange(e) {
     var inputValue = e.target.value;
 
+    // 禁止特殊字符时
+    if (!/^[\d/]*$/.test(inputValue)) {
+      return;
+    }
+
     // 根据 format 字符串，将字母部分分离开来
     var parts = format.split(/[^a-zA-Z]/);
 
@@ -131,6 +136,7 @@ var DatePickerInput = function DatePickerInput(props) {
     eventChange === null || eventChange === void 0 ? void 0 : eventChange(result);
   };
   return /*#__PURE__*/React.createElement(Input, _extends({}, others, {
+    type: "tel",
     value: value,
     onChange: handleChange
   }));

package/es/components/pisellDatePicker/detePickerCpt.less

@@ -6,6 +6,16 @@
   padding: 11px;
 }
 
+.pisell-lowcode-picker{
+  border-radius: 10px;
+  .pisell-lowcode-picker-input>input {
+    line-height: 1.5;
+    font-size: 16px;
+    border: none;
+    box-shadow: none!important;
+  }
+}
+
 .pisell-lowcode-picker .pisell-lowcode-picker-input>input::placeholder {
   color: #D0D5DD !important;
   font-size: 16px !important;

package/es/components/pisellInformationEntry/Input/index.js

@@ -41,7 +41,8 @@ var PisellEntryInput = function PisellEntryInput(props) {
     size: "large",
     onClick: function onClick() {
       return onChange(value);
-    }
+    },
+    disabled: !value
   }, getText('pisell-information-entry-input-search'))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-entry-input-describe"
   }, searchDescribe));

package/es/components/pisellInformationEntry/Scan/index.js

@@ -8,6 +8,7 @@ var Scan = function Scan(props) {
   var scanRef = useRef(null);
   return /*#__PURE__*/React.createElement(PisellScan, {
     width: "100%",
+    height: "200px",
     borderRadius: "12px",
     onChange: onChange,
     ref: scanRef

package/es/components/pisellInformationEntry/constants.js

@@ -1,6 +1,6 @@
 export var entryModeTextIcon = {
   scanCode: {
-    icon: 'pisell2-qr-code-02',
+    icon: 'pisell2-a-qr-code-02',
     text: 'Scan Bar/QR codes'
   },
   input: {

package/es/components/pisellScan/index.js

@@ -39,7 +39,7 @@ var PisellScan = /*#__PURE__*/forwardRef(function (props, ref) {
       selectedDeviceId = videoInputDevices[0].deviceId;
 
       // 使用所选的视频设备和 videoRef 中的视频元素进行解码
-      codeReader.decodeFromVideoDevice(selectedDeviceId, videoRef.current, function (result, err) {
+      codeReader.decodeFromVideoDevice(null, videoRef.current, function (result, err) {
         // 如果解码成功，调用 onChange 回调并传递解码结果的文本
         if (result) {
           onChange === null || onChange === void 0 ? void 0 : onChange(result.getText());

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_v55dw714o2.js"
+  scriptUrl: "https://at.alicdn.com/t/c/font_4075221_cy8sszjz7t7.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/pisellDatePicker/datePickerCpt.js

@@ -52,6 +52,9 @@ var DatePickerInput = (props) => {
   };
   const handleChange = (e) => {
     let inputValue = e.target.value;
+    if (!/^[\d/]*$/.test(inputValue)) {
+      return;
+    }
     let parts = format.split(/[^a-zA-Z]/);
     let separators = format.match(/[^a-zA-Z]+/g) || [];
     if (inputValue.length < value.length) {
@@ -109,7 +112,7 @@ var DatePickerInput = (props) => {
     }
     eventChange == null ? void 0 : eventChange(result);
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...others, value, onChange: handleChange });
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { ...others, type: "tel", value, onChange: handleChange });
 };
 var DatePickerCpt = (props) => {
   const { format, type, onChange, size, picker } = props;

package/lib/components/pisellDatePicker/detePickerCpt.less

@@ -6,6 +6,16 @@
   padding: 11px;
 }
 
+.pisell-lowcode-picker{
+  border-radius: 10px;
+  .pisell-lowcode-picker-input>input {
+    line-height: 1.5;
+    font-size: 16px;
+    border: none;
+    box-shadow: none!important;
+  }
+}
+
 .pisell-lowcode-picker .pisell-lowcode-picker-input>input::placeholder {
   color: #D0D5DD !important;
   font-size: 16px !important;

package/lib/components/pisellInformationEntry/Input/index.js

@@ -51,6 +51,6 @@ var PisellEntryInput = (props) => {
       prefix: /* @__PURE__ */ import_react.default.createElement(import_iconfont.default, { style: { color: "#667085" }, type: "pisell2-search-lg" }),
       allowClear: true
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_button.default, { size: "large", onClick: () => onChange(value) }, (0, import_locales.getText)("pisell-information-entry-input-search"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-entry-input-describe" }, searchDescribe));
+  ), /* @__PURE__ */ import_react.default.createElement(import_button.default, { size: "large", onClick: () => onChange(value), disabled: !value }, (0, import_locales.getText)("pisell-information-entry-input-search"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-entry-input-describe" }, searchDescribe));
 };
 var Input_default = PisellEntryInput;

package/lib/components/pisellInformationEntry/Scan/index.js

@@ -43,6 +43,7 @@ var Scan = (props) => {
     import_pisellScan.default,
     {
       width: "100%",
+      height: "200px",
       borderRadius: "12px",
       onChange,
       ref: scanRef

package/lib/components/pisellInformationEntry/constants.js

@@ -25,7 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var entryModeTextIcon = {
   scanCode: {
-    icon: "pisell2-qr-code-02",
+    icon: "pisell2-a-qr-code-02",
     text: "Scan Bar/QR codes"
   },
   input: {

package/lib/components/pisellScan/index.js

@@ -51,7 +51,7 @@ var PisellScan = (0, import_react.forwardRef)((props, ref) => {
     codeReaderRef.current.listVideoInputDevices().then((videoInputDevices) => {
       selectedDeviceId = videoInputDevices[0].deviceId;
       codeReader.decodeFromVideoDevice(
-        selectedDeviceId,
+        null,
         videoRef.current,
         (result, err) => {
           if (result) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.379",
+  "version": "1.0.381",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -64,8 +64,8 @@
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
     "@pisell/utils": "1.0.33",
-    "@pisell/icon": "0.0.10",
-    "@pisell/date-picker": "1.0.95"
+    "@pisell/date-picker": "1.0.95",
+    "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",