@pisell/materials 3.3.4 → 3.3.6

package/lib/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/hooks/useResponsive.js

@@ -35,7 +35,8 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info) return;
+  if (oldInfo === info)
+    return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -57,7 +58,8 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info) calculate();
+  if (info)
+    calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -68,7 +70,8 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser) return;
+    if (!import_utils.isBrowser)
+      return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/lib/locales/en-US.d.ts

@@ -117,9 +117,16 @@ declare const _default: {
     'pisell-information-entry-input-confirm': string;
     'pisell-information-entry-scan-exit': string;
     'pisell-wallet-pass-card-detail': string;
-    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
     'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
     'pisell-wallet-pass-card-expireDate': string;
     'pisell-adjust-price-price-override': string;
     'pisell-adjust-price-discount': string;

package/lib/locales/en-US.js

@@ -149,9 +149,16 @@ var en_US_default = {
   "pisell-information-entry-scan-exit": "Exit",
   // 钱包卡片组件
   "pisell-wallet-pass-card-detail": "Detail",
-  "pisell-wallet-pass-card-redeem": "Redeem",
+  "pisell-wallet-pass-card-edit": "Edit",
+  "pisell-wallet-pass-card-name": "Name",
+  "pisell-wallet-pass-card-store-name": "StoreName",
   "pisell-wallet-pass-card-balance": "Balance",
+  "pisell-wallet-pass-card-redeem": "Redeem",
+  "pisell-wallet-pass-card-code": "Code",
   "pisell-wallet-pass-card-valid-to": "Valid to",
+  "pisell-wallet-pass-card-confirm": "Confirm",
+  "pisell-wallet-pass-card-cancel": "Cancel",
+  "pisell-wallet-pass-card-required": "This field is required",
   "pisell-wallet-pass-card-expireDate": "Long term",
   // 金额修改组件
   "pisell-adjust-price-price-override": "Price override",

package/lib/locales/zh-CN.d.ts

@@ -117,9 +117,16 @@ declare const _default: {
     'pisell-information-entry-input-confirm': string;
     'pisell-information-entry-scan-exit': string;
     'pisell-wallet-pass-card-detail': string;
-    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
     'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
     'pisell-wallet-pass-card-expireDate': string;
     'pisell-adjust-price-price-override': string;
     'pisell-adjust-price-discount': string;

package/lib/locales/zh-CN.js

@@ -149,9 +149,16 @@ var zh_CN_default = {
   "pisell-information-entry-scan-exit": "退出",
   // 钱包卡片组件
   "pisell-wallet-pass-card-detail": "详情",
-  "pisell-wallet-pass-card-redeem": "兑换",
+  "pisell-wallet-pass-card-edit": "编辑",
+  "pisell-wallet-pass-card-name": "商品名称",
+  "pisell-wallet-pass-card-store-name": "共享店铺名称",
   "pisell-wallet-pass-card-balance": "余额",
+  "pisell-wallet-pass-card-redeem": "兑换",
+  "pisell-wallet-pass-card-code": "识别码编号",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-confirm": "确认",
+  "pisell-wallet-pass-card-cancel": "取消",
+  "pisell-wallet-pass-card-required": "此字段必填",
   "pisell-wallet-pass-card-expireDate": "长期",
   // 金额修改组件
   "pisell-adjust-price-price-override": "一口价",

package/lib/locales/zh-TW.d.ts

@@ -117,9 +117,16 @@ declare const _default: {
     'pisell-information-entry-input-confirm': string;
     'pisell-information-entry-scan-exit': string;
     'pisell-wallet-pass-card-detail': string;
-    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
     'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
     'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
     'pisell-wallet-pass-card-expireDate': string;
     'pisell-adjust-price-price-override': string;
     'pisell-adjust-price-discount': string;

package/lib/locales/zh-TW.js

@@ -149,9 +149,16 @@ var zh_TW_default = {
   "pisell-information-entry-scan-exit": "退出",
   // 钱包卡片组件
   "pisell-wallet-pass-card-detail": "詳情",
-  "pisell-wallet-pass-card-redeem": "兌換",
+  "pisell-wallet-pass-card-edit": "編輯",
+  "pisell-wallet-pass-card-name": "商品名稱",
+  "pisell-wallet-pass-card-store-name": "共享店鋪名稱",
   "pisell-wallet-pass-card-balance": "餘額",
+  "pisell-wallet-pass-card-redeem": "兌換",
+  "pisell-wallet-pass-card-code": "識別碼編號",
   "pisell-wallet-pass-card-valid-to": "有效期至",
+  "pisell-wallet-pass-card-confirm": "確認",
+  "pisell-wallet-pass-card-cancel": "取消",
+  "pisell-wallet-pass-card-required": "此欄位為必填",
   "pisell-wallet-pass-card-expireDate": "長期",
   // 金额修改组件
   "pisell-adjust-price-price-override": "一口價",

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/lowcode/pisell-card-list/meta.ts

@@ -1,4 +1,6 @@
 import snippets from './snippets';
+import { actionsMeta } from '../pisell-wallet-pass-card/actionsMeta';
+import { IPublicModelSettingField } from '@alilc/lowcode-types';
 
 export default {
   snippets,
@@ -18,153 +20,227 @@ export default {
   },
   props: [
     {
-      name: 'platform',
-      title: {
-        label: '平台',
-      },
-      propType: { type: 'oneOf', value: ['h5', 'pc', 'ipad'] },
-      setter: [
-        {
-          componentName: 'RadioGroupSetter',
-          props: {
-            options: [
-              {
-                title: 'h5',
-                value: 'h5',
+      type: 'group',
+      title: { label: '外观' },
+      display: 'block',
+      items: [
+        {
+          name: 'platform',
+          title: {
+            label: '平台',
+          },
+          propType: { type: 'oneOf', value: ['h5', 'pc', 'ipad'] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: 'h5',
+                    value: 'h5',
+                  },
+                  {
+                    title: 'pc',
+                    value: 'pc',
+                  },
+                  {
+                    title: 'ipad',
+                    value: 'ipad',
+                  },
+                ],
               },
-              {
-                title: 'pc',
-                value: 'pc',
+            },
+            'VariableSetter',
+          ],
+          defaultValue: 'pc',
+        },
+        {
+          name: 'mode',
+          title: {
+            label: '选择类型',
+          },
+          propType: { type: 'oneOf', value: ['multiple', 'single', null] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: '不选',
+                    value: null,
+                  },
+                  {
+                    title: '单选',
+                    value: 'single',
+                  },
+                  {
+                    title: '多选',
+                    value: 'multiple',
+                  },
+                ],
               },
-              {
-                title: 'ipad',
-                value: 'ipad',
+            },
+            'VariableSetter',
+          ],
+          defaultValue: 'single',
+        },
+        {
+          name: 'direction',
+          title: { label: '方向' },
+          propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: '水平',
+                    value: 'horizontal',
+                  },
+                  {
+                    title: '垂直',
+                    value: 'vertical',
+                  },
+                ],
               },
-            ],
+            },
+            'VariableSetter'
+          ],
+          defaultValue: 'vertical'
+        },
+        {
+          name: 'fullWidth',
+          condition: (target: IPublicModelSettingField) => {
+            return target.parent.getPropValue('direction') === 'horizontal';
           },
+          title: { label: '卡片宽度跟随父级' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
         },
-        'VariableSetter',
-      ],
-      defaultValue: 'pc',
-    },
-    {
-      name: 'mode',
-      title: {
-        label: '选择类型',
-      },
-      propType: { type: 'oneOf', value: ['multiple', 'single', null] },
-      setter: [
-        {
-          componentName: 'RadioGroupSetter',
-          props: {
-            options: [
-              {
-                title: '不选',
-                value: null,
-              },
-              {
-                title: '单选',
-                value: 'single',
-              },
-              {
-                title: '多选',
-                value: 'multiple',
+        {
+          name: 'type',
+          title: { label: '卡片样式' },
+          propType: { type: 'oneOf', value: ['mini', 'default'] },
+          setter: [
+            {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  {
+                    title: 'Mini',
+                    value: 'mini',
+                  },
+                  {
+                    title: '默认',
+                    value: 'default',
+                  },
+                ],
               },
-            ],
-          },
+            },
+          ],
+          defaultValue: 'default',
         },
-        'VariableSetter',
-      ],
-      defaultValue: 'single',
-    },
-    {
-      name: 'data',
-      title: { label: '当前list数据', tip: '当前list数据' },
-      setter: ['JsonSetter', 'VariableSetter'],
-    },
-    {
-      name: 'hasMore',
-      title: { label: '是否有更多数据', tip: '是否有更多数据' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: false,
-    },
-    {
-      name: 'showName',
-      title: { label: '显示商品名称', tip: '显示商品名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showStoreName',
-      title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showRedeem',
-      title: { label: '显示使用金额', tip: '显示使用金额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showBalance',
-      title: { label: '显示余额', tip: '显示余额' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showCode',
-      title: { label: '显示识别码编号', tip: '显示识别码编号' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showValidDate',
-      title: { label: '显示有效期', tip: '显示有效期' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showDetail',
-      title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showQrCode',
-      title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
-    },
-    {
-      name: 'showCover',
-      title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: true,
+      ]
     },
     {
-      name: 'showEmpty',
-      title: { label: '是否展示空占位', tip: '是否展示空占位' },
-      propType: 'bool',
-      setter: 'BoolSetter',
-      defaultValue: false,
+      type: 'group',
+      title: { label: '卡片信息展示' },
+      display: 'block',
+      items: [
+        {
+          name: 'data',
+          title: { label: '当前list数据', tip: '当前list数据' },
+          setter: ['JsonSetter', 'VariableSetter'],
+        },
+        {
+          name: 'hasMore',
+          title: { label: '是否有更多数据', tip: '是否有更多数据' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'showName',
+          title: { label: '显示商品名称', tip: '显示商品名称' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showStoreName',
+          title: { label: '显示共享店铺名称', tip: '显示共享店铺名称' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showRedeem',
+          title: { label: '显示使用金额', tip: '显示使用金额' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showBalance',
+          title: { label: '显示余额', tip: '显示余额' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showCode',
+          title: { label: '显示识别码编号', tip: '显示识别码编号' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showValidDate',
+          title: { label: '显示有效期', tip: '显示有效期' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showDetail',
+          title: { label: '显示查看详情按钮', tip: '显示查看详情按钮' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showQrCode',
+          title: { label: '显示识别码二维码', tip: '显示识别码二维码' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showCover',
+          title: { label: '显示识别码卡封面', tip: '显示识别码卡封面' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'showEmpty',
+          title: { label: '是否展示空占位', tip: '是否展示空占位' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'value',
+          title: { label: '当前选中值', tip: '当前选中值' },
+          propType: 'number',
+          setter: 'NumberSetter',
+        },
+      ]
     },
     {
-      name: 'value',
-      title: { label: '当前选中值', tip: '当前选中值' },
-      propType: 'number',
-      setter: 'NumberSetter',
-    },
+      ...actionsMeta
+    }
   ],
   configure: {
     supports: {
@@ -175,6 +251,11 @@ export default {
           template:
             "onChange(event,${extParams}){\n// 选择变化时的回调\nconsole.log('onChange',event);}",
         },
+        {
+          name: 'onConfirmEdit',
+          templete:
+            "onConfirmEdit(value, index){\n// 编辑弹窗点击确认\nconsole.log('onConfirmEdit');}",
+        },
       ],
     },
   },