@openli1115/lowcode-edit-pro-table 1.0.23

package/lowcode/pro-checkbox/meta.ts

@@ -0,0 +1,257 @@
+import snippets from "./snippets";
+
+export default {
+  componentName: 'ProCheckbox',
+  title: '复选按钮',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: '',
+  screenshot: '',
+  npm: {
+    package: 'lowcode-edit-pro-table',
+    version: '{{version}}',
+    exportName: 'ProCheckbox',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      name: 'className',
+      propType: 'string',
+      description: '自定义类名',
+    },
+    {
+      name: 'id',
+      propType: 'string',
+      description: 'ID',
+    },
+    {
+      name: 'name',
+      propType: 'string',
+      description: 'name',
+    },
+    {
+      name: 'style',
+      propType: 'object',
+      description: '自定义内敛样式',
+    },
+    {
+      name: 'checked',
+      propType: 'bool',
+      description: '选中状态',
+    },
+    {
+      name: 'defaultChecked',
+      propType: 'bool',
+      description: '默认选中状态',
+      defaultValue: false,
+    },
+    // {
+    //   name: 'disabled',
+    //   propType: 'bool',
+    //   description: '禁用',
+    // },
+    {
+      name: 'required',
+      propType: 'bool',
+      description: '是否必填',
+    },
+    {
+      name: 'disableEdit',
+      propType: 'bool',
+      description: '禁止编辑',
+    },
+    {
+      name: 'label',
+      propType: 'string',
+      description: 'label',
+    },
+    {
+      name: 'indeterminate',
+      propType: 'bool',
+      description: '中间状态',
+    },
+    {
+      name: 'defaultIndeterminate',
+      propType: 'bool',
+      description: '默认中间态',
+      defaultValue: false,
+    },
+    {
+      name: 'defaultValue',
+      propType: {
+        type: 'oneOfType',
+        value: ['string'],
+      },
+      description: '默认值',
+    },
+    {
+      name: 'checkedValue',
+      propType: {
+        type: 'oneOfType',
+        value: ['string'],
+      },
+      description: 'checkedValue',
+      defaultValue: '1',
+
+    },
+  ],
+  configure: {
+    props: [
+      {
+        name: 'label',
+        title: '标题',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['StringSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'defaultValue',
+        title: '默认值',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['StringSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'checkedValue',
+        title: '选中的值',
+        defaultValue: '',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['StringSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'disabled',
+        title: '禁止编辑',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'required',
+        title: {
+          label: {
+            type: 'i18n',
+            zh_CN: '是否必填',
+            en_US: 'Required',
+          }
+        },
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      //  {
+      //   name: 'disableEdit',
+      //   title: {
+      //     label: {
+      //       type: 'i18n',
+      //       zh_CN: '禁止编辑',
+      //       en_US: 'Disable Edit',
+      //     },
+      //   },
+      //   setter: {
+      //     componentName: 'MixedSetter',
+      //     props: {
+      //       setters: ['BoolSetter', 'ExpressionSetter'],
+      //     },
+      //   },
+      // },
+      {
+        name: 'indeterminate',
+        title: '半选状态',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+      },
+      {
+        name: 'controlChecked',
+        display: 'block',
+        title: {
+          label: '外部控制选中',
+          tip: '外部控制选中后，选中状态需要开发者自己根据 onChange 回传的值重新设置给组件才能生效',
+        },
+        setter: 'BoolSetter',
+        supportVariable: true,
+      },
+      {
+        name: 'checked',
+        title: '选中状态',
+        setter: {
+          componentName: 'MixedSetter',
+          props: {
+            setters: ['BoolSetter', 'ExpressionSetter'],
+          },
+        },
+        condition(target) {
+          return target.parent.getPropValue('controlChecked') || false;
+        },
+      },
+      {
+        type: 'group',
+        title: '高级',
+        display: 'block',
+        items: [
+          {
+            name: 'id',
+            title: {
+              label: {
+                type: 'i18n',
+                zh_CN: '唯一标识',
+                en_US: 'ID',
+              },
+              tip: {
+                type: 'i18n',
+                zh_CN: '属性: id | 说明: 唯一标识',
+                en_US: 'prop: id | description: switch id',
+              },
+            },
+            setter: 'StringSetter',
+            supportVariable: true,
+          },
+          {
+            name: 'name',
+            title: {
+              label: {
+                type: 'i18n',
+                zh_CN: '表单标识',
+                en_US: 'Name',
+              },
+              tip: {
+                type: 'i18n',
+                zh_CN: '属性: name | 说明: 表单标识',
+                en_US: 'prop: name | description: switch name',
+              },
+            },
+            setter: 'StringSetter',
+            supportVariable: true,
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: ['onChange', 'onMouseEnter', 'onMouseLeave'],
+    },
+  },
+  icon: '',
+  snippets,
+};

package/lowcode/pro-checkbox/snippets.ts

@@ -0,0 +1,15 @@
+export default [
+  {
+    title: '复选按钮',
+    screenshot:
+      // 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_menu.png',
+      'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/checkbox-1.png',
+    schema: {
+      componentName: 'ProCheckbox',
+      props: {
+        label: 'Check Option',
+        checkedValue: '1',
+      },
+    },
+  },
+];

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

@@ -0,0 +1,310 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'ProDatePicker',
+  title: '日期选择框',
+  group: '精选组件',
+  category: '基础元素',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "lowcode-edit-pro-table",
+    version: "{{version}}",
+    exportName: "ProDatePicker",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: ""
+  },
+  props: [
+    {
+      title: '值设置',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'defaultValue',
+          title: {
+            label: '默认值',
+            tip: 'defaultValue | 默认值',
+          },
+          propType: 'date',
+          setter: 'DateSetter',
+        },
+        // {
+        //   name: 'value',
+        //   title: {
+        //     label: '当前值',
+        //     tip: 'value | 当前值',
+        //   },
+        //   propType: 'date',
+        //   setter: 'DateSetter',
+        // },
+      ],
+    },
+    {
+      title: '功能选项',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'size',
+          title: {
+            label: '尺寸',
+            tip: 'size | 输入框大小',
+          },
+          propType: {
+            type: 'oneOf',
+            value: ['large', 'middle', 'small'],
+          },
+          setter: {
+            componentName: 'RadioGroupSetter',
+            props: {
+              options: [
+                {
+                  title: '大',
+                  value: 'large',
+                },
+                {
+                  title: '中',
+                  value: 'middle',
+                },
+                {
+                  title: '小',
+                  value: 'small',
+                },
+              ],
+            },
+          },
+          defaultValue: 'middle',
+        },
+        // {
+        //   name: 'picker',
+        //   title: {
+        //     label: '日期类型',
+        //     tip: 'picker | 选择器日期类型',
+        //   },
+        //   setter: {
+        //     componentName: 'SelectSetter',
+        //     props: {
+        //       options: [
+        //         {
+        //           title: '日期',
+        //           value: 'date',
+        //         },
+        //         {
+        //           title: '周',
+        //           value: 'week',
+        //         },
+        //         {
+        //           title: '月份',
+        //           value: 'month',
+        //         },
+        //         {
+        //           title: '季度',
+        //           value: 'quarter',
+        //         },
+        //         {
+        //           title: '年份',
+        //           value: 'year',
+        //         },
+        //       ],
+        //     },
+        //   },
+        //   propType: {
+        //     type: 'oneOf',
+        //     value: ['date', 'week', 'month', 'quarter', 'year'],
+        //   },
+        // },
+        {
+          name: 'format',
+          title: {
+            label: '日期格式',
+            tip: 'format | 设置日期格式',
+          },
+          propType: 'string',
+          defaultValue: 'YYYY-MM-DD',
+          setter: 'StringSetter',
+        },
+        {
+          name: 'placeholder',
+          title: {
+            label: '提示文字',
+            tip: 'placeholder | 输入框提示文字',
+          },
+          propType: 'string',
+          setter: 'StringSetter',
+        },
+        {
+          name: 'required',
+          title: {
+            label: {
+              type: 'i18n',
+              zh_CN: '是否必填',
+              en_US: 'Required',
+            },
+            tip: 'required | 是否必填',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'disableEdit',
+          title: {
+            label: {
+              type: 'i18n',
+              zh_CN: '禁止编辑',
+              en_US: 'Disable Edit',
+            },
+            tip: 'disableEdit | 禁止编辑',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'allowClear',
+          title: {
+            label: '支持清除',
+            tip: 'allowClear | 是否允许清除',
+          },
+          propType: 'bool',
+          defaultValue: true,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'bordered',
+          title: {
+            label: '显示边框',
+            tip: 'bordered | 是否有边框',
+          },
+          propType: 'bool',
+          defaultValue: true,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'showToday',
+          title: {
+            label: '展示今天按钮',
+            tip: 'showToday | 是否展示今天按钮',
+          },
+          propType: 'bool',
+          defaultValue: true,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'autoFocus',
+          title: {
+            label: '自动聚焦',
+            tip: 'autoFocus | 自动获取焦点',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+        {
+          name: 'disabled',
+          title: {
+            label: '是否禁用',
+            tip: 'disabled | 是否为禁用状态',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+        // {
+        //   name: 'inputReadOnly',
+        //   title: {
+        //     label: '是否只读',
+        //     tip: 'inputReadOnly | 避免在移动设备上打开虚拟键盘',
+        //   },
+        //   propType: 'bool',
+        //   defaultValue: false,
+        //   setter: 'BoolSetter',
+        // },
+        {
+          name: 'showTime',
+          title: {
+            label: '时间选择',
+            tip: 'showTime | 是否能选择时间',
+          },
+          propType: 'bool',
+          defaultValue: false,
+          setter: 'BoolSetter',
+        },
+      ],
+    },
+    {
+      title: '高级',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'disabledDate',
+          title: {
+            label: '不可选日期',
+            tip: 'disabledDate | 不可选择的日期',
+          },
+          propType: 'func',
+          setter: [
+            {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  'disabledDate(currentDate,${extParams}){\n// 设置不可选择的日期\nreturn true\n}',
+              },
+            },
+            'VariableSetter',
+          ],
+        },
+      ],
+    },
+    // {
+    //   name: 'dropdownClassName',
+    //   title: {
+    //     label: '额外的弹出日历 className',
+    //     tip: '额外的弹出日历 className',
+    //   },
+    //   setter: 'ClassNameSetter',
+    // },
+    // {
+    //   name: 'popupStyle',
+    //   title: { label: '额外的弹出日历样式', tip: '额外的弹出日历样式' },
+    //   setter: 'JsonSetter',
+    // },
+    // {
+    //   name: 'suffixIcon',
+    //   title: { label: '自定义的选择框后缀图标', tip: '自定义的选择框后缀图标' },
+    //   setter: 'IconSetter',
+    // },
+    // {
+    //   name: 'style',
+    //   title: { label: '自定义输入框样式', tip: '自定义输入框样式' },
+    //   setter: 'JsonSetter',
+    // },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(date,dateString,${extParams}){\n// 时间发生变化的回调\nconsole.log('onChange',date,dateString);}",
+        },
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 弹出日历和关闭日历的回调\nconsole.log('onOpenChange',open);}",
+        },
+        {
+          name: 'onPanelChange',
+          template:
+            "onPanelChange(value,mode,${extParams}){\n// 日历面板切换的回调\nconsole.log('onPanelChange',value,mode);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/pro-date-picker/snippets.ts

@@ -0,0 +1,50 @@
+export default [
+  {
+    title: '日期选择框',
+    screenshot: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_date-picker.png',
+    schema: {
+      componentName: 'ProDatePicker',
+      props: {},
+    },
+  },
+  // {
+  //   title: '选择周',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/date-picker-2.png',
+  //   schema: {
+  //     componentName: 'ProDatePicker',
+  //     props: {
+  //       picker: 'week',
+  //     },
+  //   },
+  // },
+  // {
+  //   title: '选择月份',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/date-picker-3.png',
+  //   schema: {
+  //     componentName: 'ProDatePicker',
+  //     props: {
+  //       picker: 'month',
+  //     },
+  //   },
+  // },
+  // {
+  //   title: '选择季度',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/date-picker-4.png',
+  //   schema: {
+  //     componentName: 'ProDatePicker',
+  //     props: {
+  //       picker: 'quarter',
+  //     },
+  //   },
+  // },
+  // {
+  //   title: '选择年份',
+  //   screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/date-picker-5.png',
+  //   schema: {
+  //     componentName: 'ProDatePicker',
+  //     props: {
+  //       picker: 'year',
+  //     },
+  //   },
+  // },
+];