@pisell/materials 3.0.1 → 3.0.2

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

@@ -75,16 +75,25 @@ export default {
             propType: "string",
             setter: "PisellI18nSetter",
           },
-          // {
-          //   name: "allowClear",
-          //   title: {
-          //     label: "支持清除",
-          //     tip: "allowClear | 是否允许清除",
-          //   },
-          //   propType: "bool",
-          //   defaultValue: true,
-          //   setter: "BoolSetter",
-          // },
+          {
+            name: "allowClear",
+            title: {
+              label: "支持清除",
+              tip: "allowClear | 是否允许清除",
+            },
+            propType: "bool",
+            defaultValue: true,
+            setter: "BoolSetter",
+          },
+          {
+            name: "inputReadOnly",
+            title: {
+              label: "设置输入框为只读",
+              tip: "inputReadOnly | 设置输入框为只读",
+            },
+            propType: "bool",
+            setter: "BoolSetter",
+          },
           {
             name: "bordered",
             title: {

package/lowcode/dropdown.button/meta.ts

@@ -0,0 +1,221 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'Dropdown.Button',
+  title: '下拉菜单',
+  category: '导航',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "Dropdown",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "Button",
+  },
+  props: [
+    {
+      name: 'open',
+      title: { label: '菜单是否显示', tip: '菜单是否显示' },
+      propType: { type: 'oneOf', value: [true, false, '-'] },
+      defaultValue: '-',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '默认非受控',
+              value: '-',
+            },
+            {
+              title: '显示',
+              value: true,
+            },
+            {
+              title: '不显示',
+              value: false,
+            },
+          ],
+        },
+      },
+      extraProps: {
+        getValue(target, fieldValue) {
+          const { node } = target;
+          let value = node.getPropValue('open');
+          if (value === undefined) {
+            value = '-';
+          }
+          return value;
+        },
+        setValue(target, value) {
+          const { node } = target;
+          if (value === '-') {
+            setTimeout(() => {
+              node.clearPropValue('open');
+            });
+          }
+        },
+      },
+    },
+    {
+      name: 'arrow',
+      title: { label: '显示下拉箭头', tip: '是否显示下拉箭头' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+    },
+    // {
+    //   name: 'getPopupContainer',
+    //   title: {
+    //     label: '渲染父节点',
+    //     tip:
+    //       '菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codepen.io/afc163/pen/zEjNOy?editors=0010)',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: 'overlay',
+      title: { label: '菜单', tip: '菜单' },
+      propType: { type: 'oneOfType', value: ['node', 'func'] },
+    },
+    // {
+    //   name: 'overlayClassName',
+    //   title: { label: '根元素的类名称', tip: '根元素的类名称' },
+    //   propType: 'string',
+    // },
+    // {
+    //   name: 'overlayStyle',
+    //   title: { label: '根元素的样式', tip: '根元素的样式' },
+    //   propType: 'object',
+    // },
+
+    {
+      name: "type",
+      title: {
+        label: "type",
+        tip: "set button type",
+      },
+      propType: {
+        type: "oneOf",
+        value: ["primary", "ghost", "dashed", "danger", "link", "text"],
+      },
+      setter: [
+        {
+          componentName: "SelectSetter",
+          props: {
+            options: [
+              {
+                title: "primary button",
+                value: "primary",
+              },
+              {
+                title: "dashed button",
+                value: "dashed",
+              },
+              {
+                title: "danger button",
+                value: "danger",
+              },
+              {
+                title: "link butto",
+                value: "link",
+              },
+              {
+                title: "text button",
+                value: "text",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: "size",
+      title: {
+        label: "size",
+        tip: "set button size",
+      },
+      propType: { type: "oneOf", value: ["large", "middle", "small"] },
+      setter: [
+        {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "large",
+                value: "large",
+              },
+              {
+                title: "middle",
+                value: "middle",
+              },
+              {
+                title: "small",
+                value: "small",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+      defaultValue: "middle",
+    },
+    {
+      name: 'placement',
+      title: {
+        label: '弹出位置',
+        tip:
+          '菜单弹出位置：`bottomLeft` `bottom` `bottomRight` `topLeft` `top` `topRight`',
+      },
+      propType: {
+        type: 'oneOf',
+        value: ['bottomLeft', 'bottom', 'bottomRight', 'topLeft', 'top', 'topRight'],
+      },
+    },
+    {
+      name: 'trigger',
+      title: {
+        label: '触发下拉的行为',
+        tip: '触发下拉的行为, 移动端不支持 hover',
+      },
+      propType: {
+        type: 'arrayOf',
+        value: { type: 'oneOf', value: ['click', 'hover', 'contextMenu'] },
+      },
+    },
+    {
+      name: 'onOpenChange',
+      title: {
+        label: '显示状态回调',
+        tip: '菜单显示状态改变时调用，参数为 `open`',
+      },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 菜单显示状态改变时调用\nconsole.log('onOpenChange',open);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(e,${extParams}){\n// 按钮点击时调用\nconsole.log('onClick',e);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/dropdown.button/snippets.ts

@@ -0,0 +1,42 @@
+export default [
+  {
+    title: "带下拉框的按钮",
+    screenshot:
+      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/dropdown-1.png",
+    schema: {
+      componentName: "Dropdown.Button",
+      props: {
+        trigger: ["click"],
+        overlay: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Menu",
+              props: {
+                items: [
+                  {
+                    key: "timeLinei5wd",
+                    category: "Item",
+                    title: "菜单名",
+                    label: "菜单名"
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+      children: [
+        {
+          componentName: "Typography.Text",
+          props: {
+            children: "Dropdown",
+            style: {
+              color: "inherit",
+            },
+          },
+        }
+      ],
+    },
+  },
+];

package/lowcode/segmented/meta.ts

@@ -0,0 +1,165 @@
+
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { uuid } from '../_utils/utils';
+import snippets from './snippets';
+const SegmentedMeta: ComponentMetadata = {
+  "componentName": "Segmented",
+  "title": "Segmented",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@pisell/materials",
+    "version": "3.0.1",
+    "exportName": "Segmented",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        name: 'block',
+        title: { label: '将宽度调整为父元素宽度的选项' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+      },
+      {
+        name: 'className',
+        title: { label: 'className', tip: 'className' },
+        propType: 'string',
+        setter: 'StringSetter',
+      },
+      {
+        name: 'defaultValue',
+        title: { label: '默认值', tip: '默认内容' },
+        propType: 'string',
+        setter: 'StringSetter',
+      },
+      {
+        name: 'value',
+        title: { label: '当前值', tip: '当前值' },
+        propType: 'string',
+        setter: 'StringSetter'
+      },
+      {
+        name: 'disabled',
+        title: { label: '是否禁用' },
+        propType: 'bool',
+        defaultValue: false,
+        setter: 'BoolSetter',
+      },
+      {
+        name: 'size',
+        title: { label: '控件大小', tip: '控件大小' },
+        setter: {
+          componentName: 'RadioGroupSetter',
+          props: {
+            options: [
+              {
+                title: '大',
+                value: 'large',
+              },
+              {
+                title: '中',
+                value: 'middle',
+              },
+              {
+                title: '小',
+                value: 'small',
+              },
+            ],
+          },
+        },
+        propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
+        defaultValue: 'middle',
+      },
+      {
+        name: 'options',
+        title: { label: '可选项', tip: '可选项' },
+        propType: {
+          type: 'arrayOf',
+          value: {
+            type: 'shape',
+            value: [
+              {
+                name: 'label',
+                propType: 'string',
+                description: '选项名',
+                defaultValue: '选项名',
+              },
+              {
+                name: 'value',
+                propType: ['string', 'number'],
+                description: '选项值',
+                defaultValue: '选项值',
+              },
+              {
+                name: 'disabled',
+                propType: 'bool',
+                description: '是否禁用',
+                defaultValue: false,
+              },
+            ],
+          },
+        },
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'ObjectSetter',
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: 'label',
+                      title: '选项名',
+                      setter: ['StringSetter', 'PisellI18nSetter', 'VariableSetter'],
+                      isRequired: true
+                    },
+                    {
+                      name: 'value',
+                      title: '选项值',
+                      setter: ['StringSetter', 'NumberSetter', 'VariableSetter'],
+                      isRequired: true
+                    },
+                    {
+                      name: 'disabled',
+                      title: '是否禁用',
+                      setter: ['BoolSetter', 'VariableSetter'],
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  label: '选项名',
+                  value: uuid(),
+                  disabled: false,
+                };
+              },
+            },
+          },
+        },
+      },
+    ],
+    "supports": {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 选项变化时的回调函数\nconsole.log('onChange',event);}",
+        },
+      ]
+    },
+    "component": {}
+  }
+};
+
+
+export default {
+  ...SegmentedMeta,
+  snippets
+};

package/lowcode/segmented/snippets.ts

@@ -0,0 +1,25 @@
+export default [
+  {
+    title: '分段器',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/select-1.png',
+    schema: {
+      componentName: 'Segmented',
+      props: {
+        options: [
+          {
+            label: 'A',
+            value: 'A',
+          },
+          {
+            label: 'B',
+            value: 'B',
+          },
+          {
+            label: 'C',
+            value: 'C',
+          },
+        ],
+      },
+    },
+  },
+];

package/lowcode/tabs/meta.ts

@@ -60,6 +60,13 @@ export default {
                     initialValue: false,
                     supportVariable: true,
                   },
+                  {
+                    name: "hidden",
+                    title: "隐藏",
+                    setter: "BoolSetter",
+                    initialValue: false,
+                    supportVariable: true,
+                  },
                   {
                     name: "forceRender",
                     title: "隐藏时保留",
@@ -106,6 +113,7 @@ export default {
                           },
                         ],
                       },
+                      defaultValue: null
                     },
                     condition(target) {
                       return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,8 +62,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@pisell/utils": "1.0.23",
-    "@pisell/date-picker": "1.0.68",
-    "@pisell/icon": "0.0.8"
+    "@pisell/icon": "0.0.8",
+    "@pisell/date-picker": "1.0.68"
   },
   "peerDependencies": {
     "react": "^18.0.0",