@pisell/materials 1.0.670 → 1.0.671

package/es/components/dataSourceComponents/fields/Input/WithMode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from './type';
+declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default InputWithMode;

package/es/components/dataSourceComponents/fields/Input/WithMode.js

@@ -1,4 +1,4 @@
-var _excluded = ["enableQRScanner", "value", "onChange", "renderMode", "innerRef"];
+var _excluded = ["enableQRScanner", "value", "onChange", "renderMode", "innerRef", "className"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -21,6 +21,7 @@ var Input = function Input(props) {
     onChange = props.onChange,
     renderMode = props.renderMode,
     innerRef = props.innerRef,
+    className = props.className,
     restProps = _objectWithoutProperties(props, _excluded);
 
   // 使用内部状态来管理输入值
@@ -114,8 +115,30 @@ var Input = function Input(props) {
   if (renderMode === 'view' || renderMode === 'tableView') {
     return /*#__PURE__*/React.createElement(ReadPretty, props);
   }
+
+  // 注入自定义样式到文档
+  useEffect(function () {
+    if (enableQRScanner) {
+      // 创建一个样式元素
+      var styleEl = document.createElement('style');
+      styleEl.id = 'pisell-qr-scanner-style';
+      styleEl.innerHTML = "\n        .pisell-input-with-scanner .pisell-lowcode-input-group .pisell-lowcode-input-group-addon {\n          background-color: var(--primary-600, #7F56D9);\n        }\n      ";
+
+      // 添加到文档中
+      document.head.appendChild(styleEl);
+
+      // 清理函数
+      return function () {
+        var existingStyle = document.getElementById('pisell-qr-scanner-style');
+        if (existingStyle) {
+          document.head.removeChild(existingStyle);
+        }
+      };
+    }
+  }, [enableQRScanner]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AntInput, _extends({}, restProps, {
     ref: innerRef || undefined,
+    className: "".concat(className || '', " ").concat(enableQRScanner ? 'pisell-input-with-scanner' : ''),
     addonAfter: scanSuffix,
     value: inputValue,
     onChange: handleInputChange

package/lib/components/dataSourceComponents/fields/Input/WithMode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from './type';
+declare const InputWithMode: React.FC<InputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default InputWithMode;

package/lib/components/dataSourceComponents/fields/Input/WithMode.js

@@ -47,6 +47,8 @@ var Input = (props) => {
     // 明确解构，避免通过restProps传递
     innerRef,
     // 明确解构
+    className,
+    // 明确解构className
     ...restProps
   } = props;
   const [inputValue, setInputValue] = (0, import_react.useState)(propValue || "");
@@ -103,11 +105,30 @@ var Input = (props) => {
   if (renderMode === "view" || renderMode === "tableView") {
     return /* @__PURE__ */ import_react.default.createElement(import_ReadPretty.default, { ...props });
   }
+  (0, import_react.useEffect)(() => {
+    if (enableQRScanner) {
+      const styleEl = document.createElement("style");
+      styleEl.id = "pisell-qr-scanner-style";
+      styleEl.innerHTML = `
+        .pisell-input-with-scanner .pisell-lowcode-input-group .pisell-lowcode-input-group-addon {
+          background-color: var(--primary-600, #7F56D9);
+        }
+      `;
+      document.head.appendChild(styleEl);
+      return () => {
+        const existingStyle = document.getElementById("pisell-qr-scanner-style");
+        if (existingStyle) {
+          document.head.removeChild(existingStyle);
+        }
+      };
+    }
+  }, [enableQRScanner]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Input,
     {
       ...restProps,
       ref: innerRef || void 0,
+      className: `${className || ""} ${enableQRScanner ? "pisell-input-with-scanner" : ""}`,
       addonAfter: scanSuffix,
       value: inputValue,
       onChange: handleInputChange

package/lowcode/form-item-input/snippets.ts

@@ -10,7 +10,7 @@ export default [
       props: {
         placeholder: inputPlaceholder,
         allowClear: true,
-        enableQRScanner: true,
+        enableQRScanner: false,
       },
     },
   },

package/package.json

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