@pisell/materials 1.0.363 → 1.0.364

package/lowcode/pisell-text.amount/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '金额文本',
+    schema: {
+      componentName: 'PisellText.Amount',
+      props: {
+        value: 10,
+        precision: 2,
+        showCurrencySymbol: true,
+        useThousandsSeparator: true,
+        hideDecimalForWholeNumbers: true,
+      },
+    },
+  },
+];

package/lowcode/pisell-tooltip/meta.ts

@@ -0,0 +1,306 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellTooltip',
+  title: '文字提示',
+  category: '数据展示',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellTooltip',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '内容',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'title',
+          title: {
+            label: '提示文字',
+            tip: 'title | 提示文字',
+          },
+          propType: { type: 'oneOfType', value: ['string', 'node'] },
+          setter: ['PisellI18nSetter', 'SlotSetter', 'VariableSetter'],
+        },
+      ],
+    },
+    {
+      title: '控制',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'defaultOpen',
+          title: {
+            label: '默认显隐',
+            tip: 'defaultOpen | 默认是否显隐',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'open',
+          title: {
+            label: '当前显隐',
+            tip: 'open | 当前是否显隐',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+        },
+      ],
+    },
+    {
+      title: '外观',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'placement',
+          title: { label: '气泡位置', tip: 'placement | 气泡位置' },
+          propType: {
+            type: 'oneOf',
+            value: [
+              'top',
+              'left',
+              'right',
+              'bottom',
+              'topLeft',
+              'topRight',
+              'bottomLeft',
+              'bottomRight',
+              'leftTop',
+              'leftBottom',
+              'rightTop',
+              'rightBottom',
+            ],
+          },
+          defaultValue: 'top',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [
+                {
+                  title: '上',
+                  value: 'top',
+                },
+                {
+                  title: '左',
+                  value: 'left',
+                },
+                {
+                  title: '右',
+                  value: 'right',
+                },
+                {
+                  title: '下',
+                  value: 'bottom',
+                },
+                {
+                  title: '上左',
+                  value: 'topLeft',
+                },
+                {
+                  title: '上右',
+                  value: 'topRight',
+                },
+                {
+                  title: '下左',
+                  value: 'bottomLeft',
+                },
+                {
+                  title: '下右',
+                  value: 'bottomRight',
+                },
+                {
+                  title: '左上',
+                  value: 'leftTop',
+                },
+                {
+                  title: '左下',
+                  value: 'leftBottom',
+                },
+                {
+                  title: '右上',
+                  value: 'rightTop',
+                },
+                {
+                  title: '右下',
+                  value: 'rightBottom',
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: 'autoAdjustOverflow',
+          title: {
+            label: '自动调整',
+            tip: 'autoAdjustOverflow | 气泡被遮挡时自动调整位置',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'arrowPointAtCenter',
+          title: {
+            label: '指向中心',
+            tip: 'arrowPointAtCenter | 箭头是否指向目标元素中心',
+          },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: false,
+        },
+        {
+          name: 'color',
+          title: {
+            label: '背景颜色',
+            tip: 'color | 背景颜色',
+          },
+          propType: 'string',
+          setter: 'ColorSetter',
+        },
+        {
+          name: 'zIndex',
+          title: {
+            label: 'zIndex',
+            tip: 'zIndex | 设置 Tooltip 的 z-index值',
+          },
+          propType: 'number',
+          setter: 'NumberSetter',
+        },
+      ],
+    },
+    {
+      name: 'overlayStyle',
+      title: '卡片样式',
+      type: 'group',
+      extraProps: {
+        display: 'entry',
+      },
+      items: [
+        {
+          name: 'overlayStyle',
+          title: { label: '样式设置', tip: 'overlayStyle | 卡片样式' },
+          setter: 'StyleSetter',
+          extraProps: {
+            display: 'block',
+          },
+        },
+      ],
+    },
+    {
+      name: 'overlayInnerStyle',
+      title: '卡片内容样式',
+      type: 'group',
+      extraProps: {
+        display: 'entry',
+      },
+      items: [
+        {
+          name: 'overlayInnerStyle',
+          title: {
+            label: '样式设置',
+            tip: 'overlayStyle | 卡片内容区域的样式',
+          },
+          setter: 'StyleSetter',
+          extraProps: {
+            display: 'block',
+          },
+        },
+      ],
+    },
+    {
+      title: '行为',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'trigger',
+          title: { label: '触发行为', tip: 'trigger | 触发行为' },
+          propType: {
+            type: 'oneOf',
+            value: ['hover', 'focus', 'click', 'contextMenu'],
+          },
+          defaultValue: 'hover',
+          setter: {
+            componentName: 'SelectSetter',
+            props: {
+              options: [
+                {
+                  title: '鼠标悬停',
+                  value: 'hover',
+                },
+                {
+                  title: '获得焦点',
+                  value: 'focus',
+                },
+                {
+                  title: '鼠标点击',
+                  value: 'click',
+                },
+                {
+                  title: '右键菜单',
+                  value: 'contextMenu',
+                },
+              ],
+            },
+          },
+        },
+        {
+          name: 'mouseEnterDelay',
+          title: {
+            label: '展示延时',
+            tip: 'mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒',
+          },
+          propType: 'number',
+          defaultValue: 0.1,
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              step: 0.1,
+            },
+          },
+        },
+        {
+          name: 'mouseLeaveDelay',
+          title: {
+            label: '隐藏延时',
+            tip: 'mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒',
+          },
+          propType: 'number',
+          defaultValue: 0.1,
+          setter: {
+            componentName: 'NumberSetter',
+            props: {
+              step: 0.1,
+            },
+          },
+        },
+      ],
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 显示隐藏的回调\nconsole.log('onOpenChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-tooltip/snippets.ts

@@ -0,0 +1,12 @@
+export default [
+  {
+    title: 'pisellTooltip提示',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/tooltip-1.jpg',
+    schema: {
+      componentName: 'PisellTooltip',
+      props: {
+        title: '提示内容',
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.363",
+  "version": "1.0.364",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,9 +62,9 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/date-picker": "1.0.90",
-    "@pisell/utils": "1.0.28",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.29",
+    "@pisell/date-picker": "1.0.91"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

@@ -1,15 +0,0 @@
-import React from "react";
-import "./index.less";
-interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
-    options: any[];
-}
-/**
- * @title: 系统级别的下拉框
- * @description:
- * @param {BrowserSelectProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-30 16:43
- */
-declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
-export default BrowserSelect;

package/es/components/browserSelect/index.less

@@ -1,18 +0,0 @@
-.date-picker-pisell-browser-select {
-  padding: 9px 16px;
-  border-radius: 8px;
-  background-color: #fff;
-  background-image: url('./chevron-down.png');
-  color: var(--Gray-true-900, #141414);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  border: 1px solid var(--Gray-300, #D0D5DD);
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background-position: right 10px center;
-  background-size: 12px;
-  background-repeat: no-repeat;
-}

package/es/components/date-picker/constants.d.ts

@@ -1,39 +0,0 @@
-import dayjs from 'dayjs';
-export declare const presetDetailMap: {
-    today: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    yesterday: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    tomorrow: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    next_monday: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    last_friday: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    first_day_of_this_month: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    last_day_of_this_month: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    first_day_of_next_month: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-    last_day_of_last_month: {
-        getValue: () => dayjs.Dayjs;
-        label: () => any;
-    };
-};

package/es/components/date-picker/constants.js

@@ -1,76 +0,0 @@
-import dayjs from 'dayjs';
-import { getText } from "../../locales";
-export var presetDetailMap = {
-  today: {
-    getValue: function getValue() {
-      return dayjs().startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-today');
-    }
-  },
-  yesterday: {
-    getValue: function getValue() {
-      return dayjs().add(-1, 'd').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-yesterday');
-    }
-  },
-  tomorrow: {
-    getValue: function getValue() {
-      return dayjs().add(1, 'd').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-tomorrow');
-    }
-  },
-  next_monday: {
-    getValue: function getValue() {
-      return dayjs().startOf('week').add(8, 'day').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-next_monday');
-    }
-  },
-  last_friday: {
-    getValue: function getValue() {
-      return dayjs().subtract(1, 'week').startOf('week').add(5, 'day').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-last_friday');
-    }
-  },
-  first_day_of_this_month: {
-    getValue: function getValue() {
-      return dayjs().startOf('month').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-first_day_of_this_month');
-    }
-  },
-  last_day_of_this_month: {
-    getValue: function getValue() {
-      return dayjs().endOf('month').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-last_day_of_this_month');
-    }
-  },
-  first_day_of_next_month: {
-    getValue: function getValue() {
-      return dayjs().endOf('month').add(1, 'day').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-first_day_of_next_month');
-    }
-  },
-  last_day_of_last_month: {
-    getValue: function getValue() {
-      return dayjs().startOf('month').subtract(1, 'day').startOf('day');
-    },
-    label: function label() {
-      return getText('date-picker-last_day_of_last_month');
-    }
-  }
-};

package/es/components/date-picker/datePickerCpt.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
-import { Dayjs } from 'dayjs';
-import './index.less';
-interface DatePickerCptProps extends PickerDateProps<Dayjs> {
-}
-declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
-export default DatePickerCpt;