@pisell/materials 6.0.15 → 6.0.17

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

@@ -0,0 +1,96 @@
+/* 扫描线动画 */
+@keyframes scanAnimation {
+  0% {
+    top: calc(50% - 100px);
+  }
+  50% {
+    top: calc(50% + 100px);
+  }
+  100% {
+    top: calc(50% - 100px);
+  }
+}
+
+/* 扫描全屏容器 */
+.pisell-scan-fullscreen {
+  position: fixed ;
+  top: 0 ;
+  left: 0 ;
+  width: 100vw ;
+  height: 100vh ;
+  background-color: #000 ;
+  z-index: 9999 ;
+  overflow: hidden ;
+}
+
+/* 视频元素 */
+.scan-video {
+  width: 100% ;
+  height: 100% ;
+  object-fit: cover ;
+  object-position: center ;
+}
+.pisell-lowcode-input-group-addon{
+    background-color: var(--Primary-600, #7F56D9);
+}
+/* 扫码按钮 */
+.scan-button {
+  color: #722ED1;
+  font-size: 18px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+/* 关闭按钮 - 左上角 */
+.scan-close-left {
+  position: fixed ;
+  top: 15px ;
+  left: 15px ;
+  z-index: 9999 ;
+  font-size: 24px ;
+  color: #fff ;
+  cursor: pointer ;
+  background-color: rgba(255, 255, 255, 0.15) ;
+  width: 40px ;
+  height: 40px ;
+  display: flex ;
+  align-items: center ;
+  justify-content: center ;
+  border-radius: 50% ;
+}
+
+/* 上传按钮 - 右下角 */
+.scan-upload {
+  position: fixed ;
+  right: 20px ;
+  bottom: 30px ;
+  width: 50px ;
+  height: 50px ;
+  display: flex ;
+  align-items: center ;
+  justify-content: center ;
+  z-index: 9999 ;
+  font-size: 24px ;
+  color: #fff ;
+  background-color: rgba(255, 255, 255, 0.15) ;
+  border-radius: 50% ;
+  cursor: pointer ;
+}
+
+/* 隐藏的文件输入框 */
+.scan-file-input {
+  display: none;
+}
+
+/* iconfont通用样式 */
+.scan-icon {
+  font-size: 24px;
+  color: #fff;
+}
+
+/* 扫码按钮的扫码图标 */
+.scan-button-icon {
+  font-size: 24px;
+  color: #722ED1;
+} 

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

@@ -4,4 +4,5 @@ import { ModeType } from "../../dataSourceForm/type";
 export interface InputProps extends AntInputProps {
     renderMode: ModeType;
     innerRef: Ref<any>;
+    enableQRScanner?: boolean;
 }

package/lib/components/dataSourceComponents/fields/Upload/index.js

@@ -45,7 +45,7 @@ var Upload = (0, import_utils.withFormItem)(import_WithMode.default, {
           const { success, message } = (0, import_utils2.checkFileCount)({
             minCount: props.minCount || 0,
             maxCount: props.maxCount || import_constants.DEFAULT_MAX_COUNT,
-            valueLength: value.length,
+            valueLength: (value == null ? void 0 : value.length) || 0,
             multiple: !!props.multiple
           });
           if (!success) {

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -60,7 +60,7 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<any> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/lib/components/iconfont/index.d.ts

@@ -2,6 +2,7 @@ import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
 import React from 'react';
 interface IconFontProps extends IconComponentProps {
     type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
 }
 declare const IconFont: React.FC<IconFontProps>;
 export default IconFont;

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://static.pisellcdn.com/pisell2/iconfont_1.0.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.3.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lowcode/_utils/defaultSchema.ts

@@ -119,6 +119,24 @@ export const generalItemMap = {
     },
     supportVariable: true,
   },
+  enableQRScanner: {
+    name: 'enableQRScanner',
+    title: {
+      label: {
+        type: 'i18n',
+        'en-US': 'Enable QR Scanner',
+        'zh-CN': '启用扫码',
+      },
+      tip: {
+        type: 'i18n',
+        'en-US': 'Enable QR Scanner',
+        'zh-CN': '启用扫码',
+      },
+    },
+    propType: 'bool',
+    defaultValue: false,
+    setter: 'BoolSetter',
+  },
   tooltip: {
     name: 'tooltip',
     title: {

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

@@ -33,6 +33,7 @@ export default {
       generalItemMap['hideLabel'],
       generalItemMap['renderMode'],
       generalItemMap['defaultValue'],
+      generalItemMap['enableQRScanner'],
     ]),
     getFormItemValidateGroup([
       generalItemMap['requiredobj'],

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.0.15",
+  "version": "6.0.17",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -67,8 +67,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/date-picker": "1.0.100",
     "@pisell/utils": "1.0.42",
+    "@pisell/date-picker": "1.0.100",
     "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {