@pisell/materials 3.2.7 → 3.2.9

package/lib/locales/en-US.js

@@ -266,11 +266,11 @@ var en_US_default = {
   "pisell-lowcode-navigation-menu-add-sub-menu": "Add submenu",
   "pisell-lowcode-navigation-menu-add-page": "Add page",
   "pisell-lowcode-navigation-menu-add-page-tip": "No navigation found. Please add a submenu or page.",
+  "pisell-lowcode-navigation-menu-tag-base": "Base",
+  "pisell-lowcode-navigation-menu-tag-pisell1": "Pisell 1.0",
   // 应用标识符
   "pisell-data-source-form-app-identifier-pattern": "Can only contain lowercase letters, numbers, hyphens, dots, and underscores",
   "pisell-data-source-form-app-identifier-start-with-letter": "Must start with a letter",
-  "pisell-data-source-form-app-identifier-special-ends": "Cannot end with a hyphen, dot, or underscore",
-  "pisell-data-source-form-app-identifier-consecutive-special": "Cannot contain consecutive hyphens, dots, or underscores",
   // TODO(reilly): Added new properties to `zh-CN.ts`, so adding them here to avoid errors.
   // Please update these translations as needed
   "pisell-group-permissions-rule-required": "Required",
@@ -288,5 +288,27 @@ var en_US_default = {
   "qrscanner-error-load-failed": "Failed to read file",
   "qrscanner-error-no-code": "No QR code or barcode detected.",
   "qrscanner-error-camera-init": "Cannot start camera. Please make sure it's authorized.",
-  "qrscanner-error-process-image": "Error processing image"
+  "qrscanner-error-process-image": "Error processing image",
+  // 登录注册组件
+  "pisell-login-and-register-title": "Log in to your account",
+  "pisell-login-and-register-subtitle": "Welcome back! Please enter your details.",
+  "pisell-login-and-register-email-label": "Email",
+  "pisell-login-and-register-email-placeholder": "Enter your email",
+  "pisell-login-and-register-password-label": "Password",
+  "pisell-login-and-register-password-placeholder": "Enter your password",
+  "pisell-login-and-register-email-error": "Please input your email!",
+  "pisell-login-and-register-email-error-valid": "Please enter a valid email!",
+  "pisell-login-and-register-password-error": "Please enter the correct password",
+  "pisell-login-and-register-login": "Log in",
+  "pisell-login-and-register-google": "Continue with Google",
+  "pisell-login-and-register-facebook": "Continue with Facebook",
+  "pisell-login-and-register-apple": "Continue with Apple",
+  "pisell-login-and-register-sign-up": "Don't have an account? Sign up",
+  "pisell-login-and-register-login-tab": "Login",
+  "pisell-login-and-register-register-tab": "Register",
+  "pisell-login-and-register-register-email-placeholder": "Enter your email",
+  "pisell-login-and-register-register-password-placeholder": "Create a password",
+  "pisell-login-and-register-register-button-text": "Create account",
+  "pisell-login-and-register-remember-me": "Remember me",
+  "pisell-login-and-register-forgot-password": "Forgot password?"
 };

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

@@ -218,6 +218,8 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-add-sub-menu': string;
     'pisell-lowcode-navigation-menu-add-page': string;
     'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
     'pisell-data-source-form-app-identifier-pattern': string;
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
@@ -231,5 +233,26 @@ declare const _default: {
     "qrscanner-error-no-code": string;
     "qrscanner-error-camera-init": string;
     "qrscanner-error-process-image": string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -263,6 +263,8 @@ var zh_CN_default = {
   "pisell-lowcode-navigation-menu-add-sub-menu": "添加子菜单",
   "pisell-lowcode-navigation-menu-add-page": "添加页面",
   "pisell-lowcode-navigation-menu-add-page-tip": "没有找到导航，请添加子菜单或页面。",
+  "pisell-lowcode-navigation-menu-tag-base": "基础",
+  "pisell-lowcode-navigation-menu-tag-pisell1": "Pisell 1.0",
   // 应用标识符
   "pisell-data-source-form-app-identifier-pattern": "只能包含小写字母、数字、连字符、点和下划线",
   "pisell-data-source-form-app-identifier-start-with-letter": "必须以字母开头",
@@ -277,5 +279,27 @@ var zh_CN_default = {
   "qrscanner-error-load-failed": "读取文件失败",
   "qrscanner-error-no-code": "未检测到二维码或条形码",
   "qrscanner-error-camera-init": "无法启动摄像头，请确保已授权",
-  "qrscanner-error-process-image": "处理图像时出错"
+  "qrscanner-error-process-image": "处理图像时出错",
+  // 登录注册组件
+  "pisell-login-and-register-title": "登录到您的账户",
+  "pisell-login-and-register-subtitle": "欢迎回来！请输入您的详细信息。",
+  "pisell-login-and-register-email-label": "邮箱",
+  "pisell-login-and-register-email-placeholder": "输入您的邮箱",
+  "pisell-login-and-register-password-label": "密码",
+  "pisell-login-and-register-password-placeholder": "输入您的密码",
+  "pisell-login-and-register-email-error": "请输入您的邮箱！",
+  "pisell-login-and-register-email-error-valid": "请输入有效的邮箱！",
+  "pisell-login-and-register-password-error": "请输入正确的密码",
+  "pisell-login-and-register-login": "登录",
+  "pisell-login-and-register-google": "继续使用Google",
+  "pisell-login-and-register-facebook": "继续使用Facebook",
+  "pisell-login-and-register-apple": "继续使用Apple",
+  "pisell-login-and-register-sign-up": "没有账户？注册",
+  "pisell-login-and-register-login-tab": "登录",
+  "pisell-login-and-register-register-tab": "注册",
+  "pisell-login-and-register-register-email-placeholder": "输入您的邮箱",
+  "pisell-login-and-register-register-password-placeholder": "创建密码",
+  "pisell-login-and-register-register-button-text": "创建账户",
+  "pisell-login-and-register-remember-me": "记住我",
+  "pisell-login-and-register-forgot-password": "忘记密码？"
 };

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

@@ -218,6 +218,8 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-add-sub-menu': string;
     'pisell-lowcode-navigation-menu-add-page': string;
     'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
     'pisell-data-source-form-app-identifier-pattern': string;
     'pisell-data-source-form-app-identifier-start-with-letter': string;
     'pisell-data-source-form-app-identifier-special-ends': string;
@@ -231,5 +233,26 @@ declare const _default: {
     "qrscanner-error-no-code": string;
     "qrscanner-error-camera-init": string;
     "qrscanner-error-process-image": string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -265,6 +265,8 @@ var zh_TW_default = {
   "pisell-lowcode-navigation-menu-add-sub-menu": "添加子菜單",
   "pisell-lowcode-navigation-menu-add-page": "添加頁面",
   "pisell-lowcode-navigation-menu-add-page-tip": "沒有找到導航, 請添加子菜單或頁面。",
+  "pisell-lowcode-navigation-menu-tag-base": "基础",
+  "pisell-lowcode-navigation-menu-tag-pisell1": "Pisell 1.0",
   // 应用标识符
   "pisell-data-source-form-app-identifier-pattern": "只能包含小寫字母、數字、連字符、點和下劃線",
   "pisell-data-source-form-app-identifier-start-with-letter": "必須以字母開頭",
@@ -279,5 +281,27 @@ var zh_TW_default = {
   "qrscanner-error-load-failed": "讀取文件失敗",
   "qrscanner-error-no-code": "未檢測到二維碼或條形碼",
   "qrscanner-error-camera-init": "無法啟動攝像頭，請確保已授權",
-  "qrscanner-error-process-image": "處理圖像時出錯"
+  "qrscanner-error-process-image": "處理圖像時出錯",
+  // 登录注册组件
+  "pisell-login-and-register-title": "登入到您的帳戶",
+  "pisell-login-and-register-subtitle": "歡迎回來！請輸入您的詳細信息。",
+  "pisell-login-and-register-email-label": "電子郵件",
+  "pisell-login-and-register-email-placeholder": "輸入您的電子郵件",
+  "pisell-login-and-register-password-label": "密碼",
+  "pisell-login-and-register-password-placeholder": "輸入您的密碼",
+  "pisell-login-and-register-email-error": "請輸入您的電子郵件！",
+  "pisell-login-and-register-email-error-valid": "請輸入有效的電子郵件！",
+  "pisell-login-and-register-password-error": "請輸入正確的密碼",
+  "pisell-login-and-register-login": "登入",
+  "pisell-login-and-register-google": "繼續使用Google",
+  "pisell-login-and-register-facebook": "繼續使用Facebook",
+  "pisell-login-and-register-apple": "繼續使用Apple",
+  "pisell-login-and-register-sign-up": "沒有帳戶？註冊",
+  "pisell-login-and-register-login-tab": "登入",
+  "pisell-login-and-register-register-tab": "註冊",
+  "pisell-login-and-register-register-email-placeholder": "輸入您的電子郵件",
+  "pisell-login-and-register-register-password-placeholder": "創建密碼",
+  "pisell-login-and-register-register-button-text": "創建帳戶",
+  "pisell-login-and-register-remember-me": "記住我",
+  "pisell-login-and-register-forgot-password": "忘記密碼？"
 };

package/lowcode/button-group/meta.ts

@@ -94,10 +94,7 @@ const ButtonGroupMeta: IPublicTypeComponentMetadata = {
                 return {
                   buttonText: "按钮名称",
                   buttonType: "default",
-                  onClick: (e) => {
-                    console.log(e,99999999);
-                    alert('点击了按钮')
-                  },
+                  onClick: () => {},
                 };
               },
             },

package/lowcode/collapse/meta.ts

@@ -63,12 +63,52 @@ export default {
     },
     {
       name: 'ghost',
-      title: { label: '透明无边框', tip: '使折叠面板透明且无边框' },
+      title: { label: '幽灵折叠面板', tip: '将折叠面板的背景变成透明' },
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
       supportVariable: true
     },
+    {
+      title: "标题",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "showHeader",
+          title: { label: "标题显隐", tip: "header | 标题显示于隐藏" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "headerFontSize",
+          title: {
+            label: "字号",
+            tip: "headerFontSize | 标题字体大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 14,
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        },
+        {
+          name: "headerColor",
+          title: {
+            label: "颜色",
+            tip: "headerColor | 标题字体颜色",
+          },
+          propType: "string",
+          setter: "ColorSetter",
+          defaultValue: "#101828",
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        }
+      ],
+    },
     {
       name: 'collapses',
       title: '折叠项',
@@ -203,6 +243,50 @@ export default {
         ],
       },
     },
+    {
+      title: "自定义面板",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "panelBackground",
+          title: {
+            label: "背景色",
+            tip: "panelBackground | 面板背景颜色",
+          },
+          propType: "string",
+          setter: 'ColorSetter',
+        },
+        {
+          name: "panelBorderRadius",
+          title: {
+            label: "圆角",
+            tip: "panelBorderRadius | 面板圆角大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "panelMarginBottom",
+          title: {
+            label: "边距",
+            tip: "panelMarginBottom | 每个面板之间的间距",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "expandIcon",
+          title: {
+            label: "图标",
+            tip: "expandIcon | 切换面板图标",
+          },
+          setter: ['SlotSetter'],
+        },
+      ],
+    },
   ],
   configure: {
     supports: {

package/lowcode/date-picker.range-picker/meta.ts

@@ -171,6 +171,26 @@ export default {
               },
             },
           },
+          {
+            name: "isHideCustomSelect",
+            title: {
+              label: "是否隐藏自定义范围",
+              tip: "isHideCustomSelect | 是否隐藏自定义范围",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "endDateDays",
+            title: {
+              label: "结束时间在开始时间的几天之后",
+              tip: "endDateDays | 结束时间在开始时间的几天之后",
+            },
+            defaultValue: 0,
+            propType: "number",
+            setter: "NumberSetter",
+          },
         ],
       },
       {

package/lowcode/pisell-custom-checkbox-group/meta.ts

@@ -0,0 +1,204 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellCustomCheckboxGroup",
+  title: "自定义选项卡",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCustomCheckboxGroup",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    // {
+    //   title: '数据源',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+
+    //   ],
+    // },
+
+    {
+      name: 'dataSource',
+      title: { label: '列表数据源', tip: 'dataSource | 列表数据源' },
+      propType: { type: 'arrayOf', value: 'any' },
+      setter: ['JsonSetter', 'VariableSetter'],
+    },
+    // {
+    //   name: 'loading',
+    //   title: {
+    //     label: '是否加载中',
+    //     tip: 'loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位',
+    //   },
+    //   propType: 'bool',
+    //   defaultValue: false,
+    //   setter: ['BoolSetter', 'VariableSetter'],
+    // },
+    {
+      name: 'rowKey',
+      title: {
+        label: '行Key',
+        tip: 'rowKey | 当 renderItem 自定义渲染列表项有效时，自定义每一行的 key 的获取方式',
+      },
+      propType: {
+        type: 'oneOfType',
+        value: ['string', 'function'],
+      },
+      defaultValue: 'id',
+      setter: [
+        'StringSetter',
+        {
+          componentName: 'FunctionSetter',
+          props: {
+            template:
+              'rowKey(item,${extParams}){\n// 自定义每一行的 key\nreturn `key-${item.id}`;\n}',
+          },
+        },
+        'VariableSetter',
+      ],
+    },
+    {
+      name: 'disabled',
+      title: { label: '禁用选择', tip: 'disabled | 是否禁用选择' },
+      propType: 'boolean',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'isMultiple',
+      title: { label: '是否多选', tip: 'isMultiple | 是否多选' },
+      propType: 'boolean',
+      setter: 'BoolSetter',
+    },
+    {
+      name: "value",
+      title: { label: "Value", tip: "value | 当前选中的值" },
+      propType: "string",
+      setter: "StringSetter",
+    },
+    {
+      name: 'allowAdd',
+      title: { label: '允许添加', tip: 'allowAdd | 是否允许添加' },
+      propType: 'boolean',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    // {
+    //   title: '栅格  ',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+    //     {
+    //       name: 'columns',
+    //       title: { label: '列数', tip: 'columns | 列数' },
+    //       propType: 'number',
+    //       setter: 'NumberSetter',
+    //       defaultValue: 3,
+    //     },
+    //     {
+    //       name: 'horizontalGap',
+    //       title: { label: '水平间隔', tip: 'horizontalGap | 栅格水平间隔，单位为像素(px)' },
+    //       propType: 'number',
+    //       setter: {
+    //         componentName: 'NumberSetter', props: {
+    //           min: 0,
+    //         },
+    //       },
+    //       defaultValue: 10,
+    //     },
+    //     {
+    //       name: 'verticalGap',
+    //       title: { label: '垂直间隔', tip: 'verticalGap | 栅格垂直间隔，单位为像素(px)' },
+    //       propType: 'number',
+    //       setter: {
+    //         componentName: 'NumberSetter',
+    //         props: {
+    //           min: 0,
+    //         },
+    //       },
+    //       defaultValue: 10,
+    //     },
+    //     {
+    //       name: 'singleRow',
+    //       title: { label: '一行展示', tip: 'singleRow | 一行展示' },
+    //       propType: 'boolean',
+    //       defaultValue: false,
+    //       setter: 'BoolSetter',
+    //     },
+    //   ]
+    // },
+    // {
+    //   title: '扩展',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+    //     {
+    //       name: 'renderItem',
+    //       title: {
+    //         label: '渲染函数',
+    //         tip: 'renderItem | 当使用 dataSource 时，可以用 `renderItem` 自定义渲染列表项',
+    //       },
+    //       propType: 'func',
+    //       setter: [
+    //         {
+    //           componentName: 'SlotSetter',
+    //           title: '渲染函数插槽',
+    //           initialValue: {
+    //             type: 'JSSlot',
+    //             params: ['item'],
+    //             value: [
+    //               {
+    //                 componentName: 'List.Item',
+    //                 props: {},
+    //                 children: {
+    //                   componentName: 'Typography.Text',
+    //                   props: {
+    //                     children: {
+    //                       type: 'JSExpression',
+    //                       value: 'this.item.text',
+    //                     },
+    //                   },
+    //                 },
+    //               },
+    //             ],
+    //           },
+    //         },
+    //         {
+    //           componentName: 'FunctionSetter',
+    //           props: {
+    //             template: 'renderItem(item,${extParams}){\n// 自定义渲染列表项\nreturn `item`;\n}',
+    //           },
+    //         },
+    //         'VariableSetter',
+    //       ],
+    //     },
+    //   ],
+    // }
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template: 'onChange(value,${extParams}){\n// 选中值改变时的回调\nconsole.log("value",value);\n}',
+        },
+        {
+          name: 'onAdd',
+          template: 'onAdd(${extParams}){\n// 点击添加按钮时的回调\n}',
+        },
+      ],
+    },
+    component: {
+      isContainer: true,
+    },
+  },
+};

package/lowcode/pisell-custom-checkbox-group/snippets.ts

@@ -0,0 +1,56 @@
+export default [
+  {
+    title: '自定义选项卡',
+    schema: {
+      componentName: 'PisellCustomCheckboxGroup',
+      props: {
+        disabled: false,
+        allowAdd: false,
+        dataSource: [
+          {
+            id: 1,
+            text: "Racing car sprays burning fuel into crowd.",
+          },
+          {
+            id: 2,
+            text: "Japanese princess to wed commoner.",
+          },
+          {
+            id: 3,
+            text: "Australian walks 100km after outback crash.",
+          },
+          {
+            id: 4,
+            text: "Man charged over missing wedding girl.",
+          },
+          {
+            id: 5,
+            text: "Los Angeles battles huge wildfires.",
+          },
+        ],
+        columns: 3,
+        horizontalGap: 10,
+        verticalGap: 10,
+        renderItem: {
+          type: "JSSlot",
+          params: ["item"],
+          value: [
+            {
+              componentName: "List.Item",
+              props: {},
+              children: {
+                componentName: "Typography.Text",
+                props: {
+                  children: {
+                    type: "JSExpression",
+                    value: "this.item.text",
+                  },
+                },
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+];