@pisell/private-materials 6.5.26 → 6.6.1

package/lowcode/contact-info/meta.ts

@@ -0,0 +1,199 @@
+import pisellAvatarProps from './fragments/pisellAvatar';
+import cardStyleProps from './fragments/cardStyle';
+import nameStyleProps from './fragments/nameStyle';
+import textStyleProps from './fragments/textStyle';
+import { AntdIconSetter } from '@pisell/materials/lowcode/_setters';
+
+const ContactInfoMeta = {
+  componentName: 'ContactInfo',
+  title: '联系信息',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/private-materials',
+    version: '1.0.0',
+    exportName: 'ContactInfo',
+    main: 'src/index.ts',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'dataSource',
+            'zh-CN': '数据源',
+          },
+        },
+        name: 'dataSource',
+        setter: {
+          componentName: 'JsonSetter',
+        },
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'placeholder',
+            'zh-CN': '占位提示',
+          },
+        },
+        name: 'placeholder',
+        setter: 'PisellI18nSetter',
+      },
+      {
+        title: '是否开启删除',
+        name: 'isShowDelete',
+        setter: 'BoolSetter',
+        defaultValue: false,
+      },
+      {
+        title: '展示方向',
+        name: 'direction',
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                label: '水平',
+                value: 'horizontal',
+              },
+              {
+                label: '垂直',
+                value: 'vertical',
+              },
+            ],
+          },
+          initialValue: 'horizontal',
+        },
+      },
+      {
+        title: '卡片样式',
+        type: 'group',
+        extraProps: {
+          display: 'accordion',
+          defaultCollapsed: true,
+        },
+        items: cardStyleProps,
+      },
+      {
+        title: '头像',
+        type: 'group',
+        display: 'block',
+        items: [
+          {
+            title: '显示头像',
+            name: 'isShowAvatar',
+            setter: 'BoolSetter',
+            defaultValue: true,
+          },
+          {
+            type: 'group',
+            condition: (target: any) =>
+              target.getProps().getPropValue('isShowAvatar'),
+            items: [...pisellAvatarProps],
+          },
+        ],
+      },
+      {
+        title: '姓名',
+        type: 'group',
+        display: 'block',
+        items: [
+          {
+            title: '姓名默认文案',
+            name: 'defaultName',
+            setter: 'StringSetter',
+          },
+          ...nameStyleProps,
+        ],
+      },
+      {
+        title: '文本样式',
+        type: 'group',
+        display: 'block',
+        items: [...textStyleProps],
+      },
+      {
+        title: '操作按钮',
+        type: 'group',
+        display: 'block',
+        items: [
+          {
+            name: 'button.addButtonIcon',
+            title: {
+              label: '添加按钮的图标',
+              tip: 'icon | 设置添加的自定义图标',
+            },
+            setter: AntdIconSetter,
+          },
+          {
+            name: 'button.editButtonIcon',
+            title: {
+              label: '修改按钮的图标',
+              tip: 'icon | 设置修改的自定义图标',
+            },
+            setter: AntdIconSetter,
+          },
+        ],
+      },
+      {
+        type: 'group',
+        display: 'block',
+        title: '字段展示',
+        items: [
+          {
+            title: '显示电话号',
+            name: 'isShowPhone',
+            setter: 'BoolSetter',
+            defaultValue: true,
+          },
+          {
+            title: '显示邮箱',
+            name: 'isShowEmail',
+            setter: 'BoolSetter',
+            defaultValue: true,
+          },
+        ],
+      },
+    ],
+    supports: {
+      events: [
+        {
+          name: 'onSave',
+          description: '保存联系信息点击事件',
+        },
+        {
+          name: 'onDelete',
+          description: '删除联系信息点击事件',
+        },
+        {
+          name: 'onCancel',
+          description: '取消点击事件',
+        },
+      ],
+      style: true,
+    },
+  },
+};
+
+const snippets = [
+  {
+    title: '联系信息',
+    screenshot: '',
+    schema: {
+      componentName: 'ContactInfo',
+      props: {
+        direction: 'horizontal',
+      },
+    },
+  },
+];
+
+export default {
+  ...ContactInfoMeta,
+  snippets,
+};

package/lowcode/contact-info-modal/meta.ts

@@ -0,0 +1,98 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const ContactInfoModalMeta: ComponentMetadata = {
+  componentName: 'ContactInfoModal',
+  title: '联系信息弹窗',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/private-materials',
+    version: '1.0.0',
+    exportName: 'ContactInfoModal',
+    main: 'src/index.ts',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'open',
+            'zh-CN': '打开',
+          },
+        },
+        name: 'open',
+        setter: ['BoolSetter', 'VariableSetter'],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'dataSource',
+            'zh-CN': '数据源',
+          },
+        },
+        name: 'dataSource',
+        setter: ['JsonSetter', 'VariableSetter'],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'isShowDelete',
+            'zh-CN': '是否展示删除按钮',
+          },
+        },
+        name: 'isShowDelete',
+        setter: ['BoolSetter', 'VariableSetter'],
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'config',
+            'zh-CN': '配置项',
+          },
+        },
+        name: 'config',
+        setter: ['JsonSetter', 'VariableSetter'],
+      },
+    ],
+    supports: {
+      events: [
+        {
+          name: 'onSave',
+          description: '保存联系信息点击事件',
+        },
+        {
+          name: 'onDelete',
+          description: '删除联系信息点击事件',
+        },
+        {
+          name: 'onCancel',
+          description: '取消点击事件',
+        },
+      ],
+      style: true,
+    },
+    component: {},
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: 'ContactInfoModal',
+    screenshot: '',
+    schema: {
+      componentName: 'ContactInfoModal',
+      props: {},
+    },
+  },
+];
+
+export default {
+  ...ContactInfoModalMeta,
+  snippets,
+};

package/lowcode/event-select-holder/meta.ts

@@ -2,7 +2,7 @@ import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode
 
 const EventSelectHolderMeta: IPublicTypeComponentMetadata = {
   componentName: 'EventSelectHolder',
-  title: '选择持有人',
+  title: 'Event选择持有人',
   category: '数据展示',
   docUrl: '',
   screenshot: '',
@@ -65,7 +65,7 @@ const EventSelectHolderMeta: IPublicTypeComponentMetadata = {
 
 const snippets: IPublicTypeSnippet[] = [
   {
-    title: '选择持有人',
+    title: 'Event选择持有人',
     screenshot: '',
     schema: {
       componentName: 'EventSelectHolder',

package/lowcode/select-holder/meta.ts

@@ -0,0 +1,220 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { AntdIconSetter } from '../../../materials/lowcode/_setters';
+import snippets from './snippets';
+
+const SelectHolderMeta: ComponentMetadata = {
+  componentName: "SelectHolder",
+  title: "选择持有人",
+  docUrl: "",
+  screenshot: "",
+  category: "数据展示",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/private-materials",
+    version: "1.0.4",
+    exportName: "SelectHolder",
+    main: "src/index.ts",
+    destructuring: true,
+    subName: ""
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'dataSource',
+            'zh-CN': '数据源',
+          },
+        },
+        name: 'dataSource',
+        setter: {
+          componentName: 'JsonSetter',
+        },
+      },
+      {
+        title: { label: '选中的值', tip: 'Array<any> | 选中的值' },
+        name: 'value',
+        setter: {
+          componentName: 'ObjectSetter',
+        },
+      },
+      {
+        title: '录入方式',
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'modalConfig.title',
+            title: '标题文案',
+            setter: 'StringSetter',
+            defaultValue: 'Who would you like to book this event for?',
+          },
+          {
+            name: 'modalConfig.confirmText',
+            title: '按钮文案',
+            setter: 'StringSetter',
+            defaultValue: 'Confirm',
+          },
+          {
+            name: 'modalConfig.showClose',
+            title: { label: '显示弹窗关闭', tip: 'showClose | 显示弹窗关闭' },
+            setter: 'BoolSetter',
+          },
+        ],
+      },
+      {
+        title: '字段展示',
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'displayConfig.showAvatar',
+            title: { label: '显示图像', tip: 'showAvatar | 显示图像' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.showTitle',
+            title: { label: '显示名称', tip: 'showTitle | 显示名称' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.showSubtitle',
+            title: { label: '显示次级标题', tip: 'showSubtitle | 显示次级标题' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.isSkipable',
+            title: { label: '可跳过', tip: 'isSkipable | 可跳过' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.direction',
+            title: { label: '展示方向', tip: '展示方向' },
+            propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  { label: '水平', value: 'horizontal' },
+                  { label: '垂直', value: 'vertical' },
+                ],
+              },
+            },
+          },
+          {
+            name: 'displayConfig.selectType',
+            title: { label: '选择类型', tip: '选择类型' },
+            propType: { type: 'oneOf', value: ['single', 'multiple'] },
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  { label: '单选', value: 'single' },
+                  { label: '多选', value: 'multiple' },
+                ],
+              },
+            },
+          },
+          {
+            name: 'displayConfig.showExtraFields',
+            title: { label: '增加字段', tip: 'showExtraFields | 增加字段' },
+            setter: 'BoolSetter',
+            defaultValue: false,
+          },
+          {
+            name: 'displayConfig.extraFields',
+            title: { label: '额外字段', tip: 'extraFields | 额外字段' },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: [
+                        {
+                          name: 'label',
+                          title: '标签',
+                          setter: 'PisellI18nSetter',
+                          important: true,
+                        },
+                        {
+                          name: 'value',
+                          title: 'key',
+                          setter: 'StringSetter',
+                          important: true,
+                        },
+                        {
+                          name: 'isShowLabel',
+                          title: '显示标签',
+                          setter: 'BoolSetter',
+                        },
+                        {
+                          name: 'isShowValue',
+                          title: '显示key',
+                          setter: 'BoolSetter',
+                        },
+                        // {
+                        //   name: 'icon',
+                        //   title: 'icon选择',
+                        //   setter: AntdIconSetter,
+                        // },
+                        // {
+                        //   name: 'iconSize',
+                        //   title: 'icon大小',
+                        //   setter: ['NumberSetter'],
+                        // },
+                        // {
+                        //   name: 'iconColor',
+                        //   title: 'icon颜色',
+                        //   setter: 'ColorSetter',
+                        // },
+                      ],
+                    },
+                  },
+                  initialValue: {
+                    isShowLabel: false,
+                    isShowValue: true
+                  }
+                },
+              },
+            },
+            condition: (target: any) => target.getProps().getPropValue('displayConfig.showExtraFields'),
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onAdd',
+          template:
+            "onAdd(){\n// 创建新的回调函数\nconsole.log('onAdd');}",
+        },
+        {
+          name: 'onClose',
+          template:
+            "onClose(){\n// 关闭弹窗回调函数\nconsole.log('onClose');}",
+        },
+        {
+          name: 'onConfirm',
+          template:
+            "onConfirm(checkedValue,${extParams}){\n// 确认回调函数\nconsole.log('onConfirm');}",
+        },
+        {
+          name: 'onSkip',
+          template:
+            "onSkip(){\n// 跳过回调函数\nconsole.log('onSkip');}",
+        },
+      ],
+    },
+    component: {}
+  }
+};
+
+export default {
+  ...SelectHolderMeta,
+  snippets
+};

package/lowcode/select-holder/snippets.ts

@@ -0,0 +1,41 @@
+import { Snippet } from '@alilc/lowcode-types';
+
+const snippets: Snippet[] = [
+  {
+    title: '选择持有人',
+    screenshot: '',
+    schema: {
+      componentName: 'SelectHolder',
+      props: {
+        dataSource: [
+          {
+            value: 1,
+            label: 'Olivia',
+            subtitle: 'Subtitle',
+          },
+          {
+            value: 2,
+            label: 'Ricky Spagehetti',
+            subtitle: 'SubtitleSubtitleSubtitleSubtitleSubtitleSubtitleSubtitleSubtitle',
+          },
+        ],
+        value: [1],
+        modalConfig: {
+          title: 'Who would you like to book this event for?',
+          confirmText: 'Confirm',
+          showClose: true,
+        },
+        displayConfig: {
+          showAvatar: true,
+          showTitle: true,
+          showSubtitle: true,
+          isSkipable: true,
+          direction: 'horizontal',
+          selectType: 'single',
+        },
+      },
+    },
+  },
+];
+
+export default snippets;

package/package.json

@@ -1,6 +1,12 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.5.26",
+  "version": "6.6.1",
+  "scripts": {
+    "dev": "father dev",
+    "build": "father build",
+    "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
+    "lowcode:build": " build-scripts build --config ./build.lowcode.js"
+  },
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -50,6 +56,10 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@pisell/date-picker": "workspace:*",
+    "@pisell/icon": "workspace:*",
+    "@pisell/materials": "workspace:*",
+    "@pisell/utils": "workspace:*",
     "ahooks": "^3.7.6",
     "antd": "^5.6.3",
     "classnames": "^2.3.2",
@@ -59,10 +69,8 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/date-picker": "3.0.7",
-    "@pisell/icon": "0.0.11",
-    "@pisell/utils": "3.0.2",
-    "@pisell/materials": "6.5.9"
+    "@react-spring/web": "^9.6.1",
+    "@use-gesture/react": "^10.3.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -70,11 +78,5 @@
   },
   "componentConfig": {
     "materialSchema": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/assets-prod.json"
-  },
-  "scripts": {
-    "dev": "father dev",
-    "build": "father build",
-    "lowcode:dev": "build-scripts start --config ./build.lowcode.js",
-    "lowcode:build": " build-scripts build --config ./build.lowcode.js"
   }
 }

package/es/hooks/printer.d.ts

@@ -1,4 +0,0 @@
-declare const usePrinter: () => {
-    nativePrint: (data: any, callback: (res: any) => void) => void;
-};
-export default usePrinter;

package/es/hooks/printer.js

@@ -1,35 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import useEngineContext from "./useEngineContext";
-var usePrinter = function usePrinter() {
-  var _context$appHelper;
-  var context = useEngineContext();
-  var _ref = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {},
-    action = _ref.action;
-  var nativePrint = function nativePrint(data, _callback) {
-    // 转换注意事项：
-    // data.type: 0 是JSBridge调用小票打印，nativePlugin中调用时需要转为 'INVOICE'
-    // data.type: 99 是JSBridge调用全部打印，nativePlugin中调用时需要转为 'ALL'
-    action({
-      type: 'webpos.handlePrint',
-      data: data,
-      callback: function callback(res) {
-        if (typeof (res === null || res === void 0 ? void 0 : res.status) === 'string') {
-          _callback === null || _callback === void 0 || _callback(_objectSpread(_objectSpread({}, res || {}), {}, {
-            result: (res === null || res === void 0 ? void 0 : res.status) == 'success' ? true : false
-          }));
-        } else {
-          _callback === null || _callback === void 0 || _callback(res);
-        }
-      }
-    });
-  };
-  return {
-    nativePrint: nativePrint
-  };
-};
-export default usePrinter;

package/lib/hooks/printer.d.ts

@@ -1,4 +0,0 @@
-declare const usePrinter: () => {
-    nativePrint: (data: any, callback: (res: any) => void) => void;
-};
-export default usePrinter;