@pisell/materials 1.0.652 → 1.0.653

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

@@ -18,5 +18,5 @@ export interface AmountProps {
     defaultSelect?: boolean;
     inputFormat?: (_v: string) => React.ReactNode | null;
 }
-declare const Amount: (props: AmountProps) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;
@@ -8,5 +7,5 @@ export interface PresetsProps {
     presets?: PresetsItem[];
     onChange: (val: string) => void;
 }
-declare const Presets: (props: PresetsProps) => React.JSX.Element | null;
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
 export default Presets;

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

@@ -15,5 +15,5 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
 }
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => React.JSX.Element;
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -182,14 +182,12 @@ var BaseNumberKeyboard = (props) => {
   };
   const handleChangeValue = (val) => {
     const detail = checkValue(val);
-    if (detail)
-      return;
+    if (detail) return;
     setValue(val);
   };
   const actions = {
     ".": (val) => {
-      if (value.includes("."))
-        return;
+      if (value.includes(".")) return;
       actions.default(val);
     },
     delete: () => {

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

@@ -17,5 +17,5 @@ export interface KeyboardProps {
     rightItems?: Item[];
     keydown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
 export default _default;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface NumberProps {
     max?: number;
     min?: number;
@@ -10,5 +9,5 @@ export interface NumberProps {
     onChange?: (val: string | number) => void;
     onEnter?: (val: string | number) => void;
 }
-declare const Number: (props: NumberProps) => React.JSX.Element;
+declare const Number: (props: NumberProps) => JSX.Element;
 export default Number;

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

@@ -9,5 +9,5 @@ export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivEl
     onEnter?: (value: any) => void;
     rightPanel?: React.ReactNode;
 }
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
 export default VirtualKeyboardTime;

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

@@ -3,7 +3,7 @@ export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;
     previewValueArray: string[];
-    previewValueArrayDom: import("react").JSX.Element[];
+    previewValueArrayDom: JSX.Element[];
     previewValueString: string;
     disabled: never[];
 };

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

@@ -5,5 +5,5 @@ export interface VirtualInputProps extends React.HTMLAttributes<HTMLDivElement>
     autoFocus?: boolean;
     placeholder?: string;
 }
-declare const VirtualInput: (props: VirtualInputProps) => React.JSX.Element;
+declare const VirtualInput: (props: VirtualInputProps) => JSX.Element;
 export default VirtualInput;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {
@@ -8,5 +8,5 @@ export interface VirtualKeyInputProps extends InputProps {
     onValueSelect?: (selected: boolean) => void;
     defaultSelect?: boolean;
 }
-declare const VirtualKeyInput: (props: VirtualKeyInputProps) => React.JSX.Element;
+declare const VirtualKeyInput: (props: VirtualKeyInputProps) => JSX.Element;
 export default VirtualKeyInput;

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

@@ -10,5 +10,5 @@ interface VirtualKeyboardProps extends React.HTMLAttributes<HTMLDivElement> {
     onChange?: (value?: any) => void;
     value?: string;
 }
-declare const VirtualKeyboard: (props: VirtualKeyboardProps) => React.JSX.Element;
+declare const VirtualKeyboard: (props: VirtualKeyboardProps) => JSX.Element;
 export default VirtualKeyboard;

package/lib/hooks/useCssVariables.js

@@ -26,8 +26,7 @@ var import_react = require("react");
 var useCssVariables = (props) => {
   const { variables, ref } = props;
   (0, import_react.useEffect)(() => {
-    if (!ref)
-      return;
+    if (!ref) return;
     Object.entries(variables).forEach(([key, value]) => {
       ref.current.style.setProperty(key, value);
     });

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ 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/utils/hoc.d.ts

@@ -1,17 +1,17 @@
-import React, { ComponentType } from 'react';
+import { ComponentType } from 'react';
 /**
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => JSX.Element;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any, ref: any) => React.JSX.Element;
+    Provider: (ComponentUi: any) => (props: any, ref: any) => JSX.Element;
 };
 export default _default;

package/lowcode/pisell-alert/meta.ts

@@ -22,30 +22,41 @@ const AlertMeta: ComponentMetadata = {
       title: { label: "类型", tip: "类型" },
       propType: {
         type: "oneOf",
-        value: ["success", "info", "warning", "error"],
+        value: ["default","success", "info", "warning", "error"],
       },
     },
     {
       name: "showDismiss",
       title: { label: "忽略按钮", tip: "忽略按钮" },
       propType: "bool",
+      defaultValue: true,
     },
     {
       name: "dismiss",
-      title: { label: "", tip: "" },
-      propType: { type: "oneOfType", value: ["string", "node"] },
-      setter: ["PisellI18nSetter", "SlotSetter"],
+      title: { label: "忽略按钮内容", tip: "忽略按钮内容" },
+      propType: { type: "oneOfType", value: ["node"] },
+      setter: "SlotSetter",
+      defaultValue: {
+        type: "JSSlot",
+        value: []
+      }
     },
     {
       name: "showView",
       title: { label: "行为按钮", tip: "行为按钮" },
       propType: "bool",
+      defaultValue: true,
     },
     {
       name: "view",
-      title: { label: "", tip: "" },
-      propType: { type: "oneOfType", value: ["string", "node"] },
-      setter: ["PisellI18nSetter", "SlotSetter"],
+      title: { label: "行为按钮内容", tip: "行为按钮内容" },
+      propType: { type: "oneOfType", value: ["node"] },
+      setter: "SlotSetter",
+      defaultValue: {
+        type: "JSSlot",
+        value: []
+      },
+      condition: (target: any) => target.getProps().getPropValue("showView") === true,
     },
     {
       name: "closable",

package/lowcode/pisell-alert/snippets.ts

@@ -8,6 +8,35 @@ export default [
         description: 'Detailed description and advice about successful copywriting.',
         type: 'success',
         showIcon: true,
+        showDismiss: true,
+        dismiss: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Dismiss',
+              style: {
+                color: '#52c41a'
+              }
+            }
+          }]
+        },
+        showView: true,
+        view: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'View changes',
+              style: {
+                color: '#52c41a',
+                fontWeight: 'bold'
+              }
+            }
+          }]
+        }
       },
     },
   },
@@ -20,6 +49,35 @@ export default [
         description: 'Additional description and information about copywriting.',
         type: 'info',
         showIcon: true,
+        showDismiss: true,
+        dismiss: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Dismiss',
+              style: {
+                color: '#1890ff'
+              }
+            }
+          }]
+        },
+        showView: true,
+        view: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'View changes',
+              style: {
+                color: '#1890ff',
+                fontWeight: 'bold'
+              }
+            }
+          }]
+        }
       },
     },
   },
@@ -32,6 +90,35 @@ export default [
         description: 'This is a warning notice about copywriting.',
         type: 'warning',
         showIcon: true,
+        showDismiss: true,
+        dismiss: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Dismiss',
+              style: {
+                color: '#faad14'
+              }
+            }
+          }]
+        },
+        showView: true,
+        view: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Learn more',
+              style: {
+                color: '#faad14',
+                fontWeight: 'bold'
+              }
+            }
+          }]
+        }
       },
     },
   },
@@ -44,6 +131,76 @@ export default [
         description: 'This is an error message about copywriting.',
         type: 'error',
         showIcon: true,
+        showDismiss: true,
+        dismiss: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Dismiss',
+              style: {
+                color: '#ff4d4f'
+              }
+            }
+          }]
+        },
+        showView: true,
+        view: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Learn more',
+              style: {
+                color: '#ff4d4f',
+                fontWeight: 'bold'
+              }
+            }
+          }]
+        }
+      },
+    },
+  },
+  {
+    title: '默认提示',
+    schema: {
+      componentName: 'PisellAlert',
+      props: {
+        message: "We've just released a new feature",
+        description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum dolor.',
+        type: 'default',
+        showIcon: true,
+        showDismiss: true,
+        dismiss: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'Dismiss',
+              style: {
+                color: '#1890ff'
+              }
+            }
+          }]
+        },
+        showView: true,
+        view: {
+          type: 'JSSlot',
+          value: [{
+            componentName: 'Button',
+            props: {
+              type: 'link',
+              children: 'View changes',
+              style: {
+                color: '#1890ff',
+                fontWeight: 'bold'
+              }
+            }
+          }]
+        }
       },
     },
   },

package/package.json

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

package/es/components/pisellAlert/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { AlertProps } from 'antd';
-import './index.less';
-export interface PisellAlertProps extends AlertProps {
-    /** 是否展示忽略按钮 */
-    showDismiss?: boolean;
-    /** 忽略按钮内容 */
-    dismiss?: React.ReactNode;
-    /** 是否展示行为按钮 */
-    showView?: boolean;
-    /** 行为按钮内容 */
-    view?: React.ReactNode;
-    /** 行为按钮点击事件 */
-    onViewClick?: (e: any) => void;
-}
-/**
- * PisellAlert警告提示组件
- * @param props
- * @constructor
- */
-declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
-export default PisellAlert;

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

@@ -1,22 +0,0 @@
-import React from 'react';
-import { AlertProps } from 'antd';
-import './index.less';
-export interface PisellAlertProps extends AlertProps {
-    /** 是否展示忽略按钮 */
-    showDismiss?: boolean;
-    /** 忽略按钮内容 */
-    dismiss?: React.ReactNode;
-    /** 是否展示行为按钮 */
-    showView?: boolean;
-    /** 行为按钮内容 */
-    view?: React.ReactNode;
-    /** 行为按钮点击事件 */
-    onViewClick?: (e: any) => void;
-}
-/**
- * PisellAlert警告提示组件
- * @param props
- * @constructor
- */
-declare const PisellAlert: (props: PisellAlertProps) => false | React.JSX.Element;
-export default PisellAlert;