@pisell/materials 1.0.597 → 1.0.598

package/lib/locales/zh-TW.js

@@ -216,6 +216,7 @@ var zh_TW_default = {
   "pisell-delete-confirm-cancel": "取消",
   "pisell-design-mode-action-disabled": "編輯模式下不可執行此操作",
   "pisell-translation-original": "原始語言",
+  // 版本升级组件
   "pisell-version-modal-title": "創建新版本",
   "pisell-version-modal-current-version": "當前版本",
   "pisell-version-modal-version": "版本號",
@@ -229,6 +230,7 @@ var zh_TW_default = {
   "pisell-version-modal-describe-update-notes": "描述此版本的主要更改...",
   "pisell-version-modal-version-error": "版本號必須大於當前版本",
   "pisell-version-modal-version-required": "版本號為必填項",
+  // 图标选择组件
   "pisell-icon-select-placeholder": "選擇圖標",
   "pisell-icon-select-outlined": "線框風格",
   "pisell-icon-select-filled": "實底風格",
@@ -242,5 +244,15 @@ var zh_TW_default = {
   "subdomain-error-pattern": "子域名只能包含小寫字母、數字和連字符",
   "subdomain-error-numbers-only": "子域名不能全為數字",
   "subdomain-error-hyphen-ends": "子域名不能以連字符開頭或結尾",
-  "subdomain-error-consecutive-hyphens": "子域名不能包含連續的連字符"
+  "subdomain-error-consecutive-hyphens": "子域名不能包含連續的連字符",
+  // 应用版本控制组件
+  "pisell-lowcode-app-version-control-live": "正式版",
+  "pisell-lowcode-app-version-control-draft": "草稿",
+  "pisell-lowcode-app-version-control-deprecated": "已廢棄",
+  "pisell-lowcode-app-version-control-new-version": "新版本",
+  "pisell-lowcode-app-version-control-promote-to-live": "發布正式版",
+  "pisell-lowcode-app-version-control-promote-version": (version) => `發布版本 ${version || ""}?`,
+  "pisell-lowcode-app-version-control-promote-version-describe": "發布版本後，該版本將無法再進行修改",
+  "pisell-lowcode-app-version-control-promote-version-ok": "發布",
+  "pisell-lowcode-app-version-control-promote-version-cancel": "取消"
 };

package/lowcode/app-version-control/meta.ts

@@ -0,0 +1,76 @@
+import {
+  IPublicTypeSnippet,
+} from '@alilc/lowcode-types';
+
+const PisellAppVersionControlMeta = {
+  componentName: 'AppVersionControl',
+  title: '应用版本控制',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'AppVersionControl',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowPublish',
+          'zh-CN': '允许发布',
+        },
+      },
+      name: 'allowPublish',
+      description: '是否允许发布版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'allowCreate',
+          'zh-CN': '允许创建',
+        },
+      },
+      name: 'allowCreate',
+      description: '是否允许创建新版本',
+      defaultValue: true,
+      setter: 'BoolSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '应用版本控制',
+    screenshot: '',
+    schema: {
+      title: '应用版本控制',
+      componentName: 'AppVersionControl',
+      props: {
+        allowPublish: true,
+        allowCreate: true,
+      },
+    },
+  },
+];
+
+export default {
+  ...PisellAppVersionControlMeta,
+  snippets,
+};

package/lowcode/custom-select/meta.ts

@@ -0,0 +1,206 @@
+import { uuid } from '../_utils/utils';
+
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'CustomSelect',
+  title: '自定义下拉菜单',
+  category: '表单',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "CustomSelect",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'defaultValue',
+      title: { label: '默认值', tip: '默认选中值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'string',
+          { type: 'arrayOf', value: 'string' },
+          'number',
+          { type: 'arrayOf', value: 'number' },
+        ],
+      },
+    },
+    {
+      name: 'renderItem',
+      title: { label: '自定义渲染', tip: '自定义渲染选项内容' },
+      propType: {
+        type: 'func',
+      },
+      setter: [
+        {
+          componentName: 'SlotSetter',
+          title: '渲染函数插槽',
+          initialValue: {
+            type: 'JSSlot',
+            params: ['option'],
+          },
+        },
+        {
+          componentName: 'FunctionSetter',
+          props: {
+            template: 'renderItem(item,${extParams}){\n// 自定义渲染\nreturn `item`;\n}',
+          },
+        },
+        'VariableSetter',
+      ],
+    },
+    {
+      name: 'value',
+      title: { label: '当前值', tip: '当前值' },
+      propType: {
+        type: 'oneOfType',
+        value: [
+          'string',
+          { type: 'arrayOf', value: 'string' },
+          'number',
+          { type: 'arrayOf', value: 'number' },
+        ],
+      },
+    },
+    {
+      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: ['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,
+              };
+            },
+          },
+        },
+      },
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+      defaultValue: false,
+      setter: 'BoolSetter'
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onBlur',
+          template: "onBlur(${extParams}){\n// 失去焦点时回调\nconsole.log('onBlur');}",
+        },
+        {
+          name: 'onChange',
+          template:
+            "onChange(value,option,${extParams}){\n// 选中 option，或 input 的 value 变化时，调用此函数\nconsole.log('onChange',value,option);}",
+        },
+        {
+          name: 'onDeselect',
+          template:
+            "onDeselect(value,${extParams}){\n// 取消选中时调用\nconsole.log('onDeselect',value);}",
+        },
+        {
+          name: 'onFocus',
+          template: "onFocus(${extParams}){\n// 获得焦点时回调\nconsole.log('onFocus');}",
+        },
+        {
+          name: 'onInputKeyDown',
+          template:
+            "onInputKeyDown(${extParams}){\n// 按键按下时回调\nconsole.log('onInputKeyDown');}",
+        },
+        {
+          name: 'onMouseEnter',
+          template: "onMouseEnter(${extParams}){\n// 鼠标移入时回调\nconsole.log('onMouseEnter');}",
+        },
+        {
+          name: 'onMouseLeave',
+          template: "onMouseLeave(${extParams}){\n// 鼠标移出时回调\nconsole.log('onMouseLeave');}",
+        },
+        {
+          name: 'onPopupScroll',
+          template:
+            "onPopupScroll(${extParams}){\n// 下拉列表滚动时的回调\nconsole.log('onPopupScroll');}",
+        },
+        {
+          name: 'onSearch',
+          template:
+            "onSearch(value,${extParams}){\n// 文本框值变化时回调\nconsole.log('onSearch',value);}",
+        },
+        {
+          name: 'onSelect',
+          template:
+            "onSelect(value,option,${extParams}){\n// 被选中时调用\nconsole.log('onSelect',value,option);}",
+        },
+        {
+          name: 'onDropdownVisibleChange',
+          template:
+            "onDropdownVisibleChange(open,${extParams}){\n// 展开下拉菜单的回调\nconsole.log('onDropdownVisibleChange',open);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/custom-select/snippets.ts

@@ -0,0 +1,33 @@
+export default [
+  {
+    title: '自定义下拉菜单',
+    schema: {
+      componentName: 'CustomSelect',
+      props: {
+        style: {
+          width: 200,
+        },
+        styleType: 'antd',
+        renderItem: {
+          type: 'JSSlot',
+          params: ['option'],
+        },
+        value: "A",
+        options: [
+          {
+            label: 'A',
+            value: 'A',
+          },
+          {
+            label: 'B',
+            value: 'B',
+          },
+          {
+            label: 'C',
+            value: 'C',
+          },
+        ],
+      },
+    },
+  },
+];

package/lowcode/form-item-icon-select/snippets.ts

@@ -2,6 +2,7 @@
 export default [
   {
     title: '高级选择图标',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/icon-1.jpg',
     schema: {
       componentName: 'FormItemIconSelect',
       title: '高级选择图标',

package/lowcode/icon-select/meta.ts

@@ -82,7 +82,7 @@ const IconSelectMeta: ComponentMetadata = {
 const snippets: Snippet[] = [
   {
     title: '选择图标',
-    screenshot: '',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/icon-1.jpg',
     schema: {
       componentName: 'IconSelect',
       props: {

package/lowcode/pisell-content/meta.ts

@@ -0,0 +1,83 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellContentMeta: ComponentMetadata = {
+  componentName: 'PisellContent',
+  title: 'PisellContent',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellContent',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellContent',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellContent',
+      props: {
+        style: {
+          backgroundColor: '#7dbcea',
+          color: '#fff',
+          minHeight: 120,
+          lineHeight: '120px',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Content',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellContentMeta,
+  snippets,
+}; 

package/lowcode/pisell-footer/meta.ts

@@ -0,0 +1,81 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellFooterMeta: ComponentMetadata = {
+  componentName: 'PisellFooter',
+  title: 'PisellFooter',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellFooter',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellFooter',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellFooter',
+      props: {
+        style: {
+          backgroundColor: '#1890ff',
+          color: '#fff',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Footer',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellFooterMeta,
+  snippets,
+}; 

package/lowcode/pisell-header/meta.ts

@@ -0,0 +1,83 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+
+const PisellHeaderMeta: ComponentMetadata = {
+  componentName: 'PisellHeader',
+  title: 'PisellHeader',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.3',
+    exportName: 'PisellHeader',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'className',
+          'zh-CN': '类名',
+        },
+      },
+      name: 'className',
+      setter: 'StringSetter',
+    },
+    {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'style',
+          'zh-CN': '样式',
+        },
+      },
+      name: 'style',
+      setter: 'StyleSetter',
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+    },
+    supports: {
+      style: true,
+      className: true,
+    },
+  },
+};
+
+const snippets: Snippet[] = [
+  {
+    title: 'PisellHeader',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellHeader',
+      props: {
+        style: {
+          backgroundColor: '#1890ff',
+          color: '#fff',
+          height: 64,
+          lineHeight: '64px',
+          textAlign: 'center',
+        },
+      },
+      children: [{
+        componentName: 'PisellText',
+        props: {
+          style: {
+            color: '#fff',
+          },
+        },
+        children: 'Header',
+      },],
+    },
+  },
+];
+
+export default {
+  ...PisellHeaderMeta,
+  snippets,
+};