@dckj-npm/dc-material 0.1.358 → 0.1.360

package/lowcode/tab-container/meta.ts

@@ -1,71 +1,71 @@
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'
-
-import props from './props'
-
-const snippets: IPublicTypeSnippet[] = [
-  {
-    title: '选项卡',
-    schema: {
-      componentName: 'TabContainer',
-      props: {
-        shape: 'pure',
-        size: 'medium',
-        excessMode: 'slide',
-      },
-      children: [
-        {
-          componentName: 'TabContainerItem',
-          props: {
-            tab: '标签项1',
-            key: 'tab-item-1',
-          },
-        },
-        {
-          componentName: 'TabContainerItem',
-          props: {
-            tab: '标签项2',
-            key: 'tab-item-2',
-          },
-        },
-      ],
-    },
-  },
-]
-
-const TabContainerMeta: IPublicTypeComponentMetadata = {
-  group: '低代码组件',
-  componentName: 'TabContainer',
-  title: '选项卡',
-  category: '布局容器类',
-  docUrl: '',
-  screenshot:
-    'https://img.alicdn.com/imgextra/i4/O1CN01mh9LPG268B90t8DaA_!!6000000007616-55-tps-56-56.svg',
-  devMode: 'proCode',
-  npm: {
-    package: '@dckj-npm/dc-material',
-    version: '0.1.13',
-    exportName: 'TabContainer',
-    main: 'src\\index.tsx',
-    destructuring: true,
-    subName: '',
-  },
-  configure: {
-    component: {
-      isContainer: true,
-      nestingRule: {
-        childWhitelist: ['TabContainerItem'],
-      },
-      disableBehaviors: ['copy'],
-    },
-    props,
-    supports: {
-      style: true,
-    },
-  },
-  snippets,
-}
-
-export default {
-  ...TabContainerMeta,
-  snippets,
-}
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'
+
+import props from './props'
+
+const snippets: IPublicTypeSnippet[] = [
+  {
+    title: '选项卡',
+    schema: {
+      componentName: 'TabContainer',
+      props: {
+        shape: 'pure',
+        size: 'medium',
+        excessMode: 'slide',
+      },
+      children: [
+        {
+          componentName: 'TabContainerItem',
+          props: {
+            tab: '标签项1',
+            key: 'tab-item-1',
+          },
+        },
+        {
+          componentName: 'TabContainerItem',
+          props: {
+            tab: '标签项2',
+            key: 'tab-item-2',
+          },
+        },
+      ],
+    },
+  },
+]
+
+const TabContainerMeta: IPublicTypeComponentMetadata = {
+  group: '低代码组件',
+  componentName: 'TabContainer',
+  title: '选项卡',
+  category: '布局容器类',
+  docUrl: '',
+  screenshot:
+    'https://img.alicdn.com/imgextra/i4/O1CN01mh9LPG268B90t8DaA_!!6000000007616-55-tps-56-56.svg',
+  devMode: 'proCode',
+  npm: {
+    package: '@dckj-npm/dc-material',
+    version: '0.1.13',
+    exportName: 'TabContainer',
+    main: 'src\\index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    component: {
+      isContainer: true,
+      nestingRule: {
+        childWhitelist: ['TabContainerItem'],
+      },
+      disableBehaviors: ['copy'],
+    },
+    props,
+    supports: {
+      style: true,
+    },
+  },
+  snippets,
+}
+
+export default {
+  ...TabContainerMeta,
+  snippets,
+}

package/lowcode/tab-container/props.ts

@@ -1,194 +1,194 @@
-export default [
-  {
-    name: 'items',
-    title: '标签项',
-    setter: {
-      componentName: 'ArraySetter',
-      props: {
-        itemSetter: {
-          componentName: 'ObjectSetter',
-          props: {
-            config: {
-              items: [
-                {
-                  name: 'tab',
-                  title: '名称',
-                  defaultValue: '标签项',
-                  important: true,
-                  setter: 'StringSetter',
-                },
-                {
-                  name: 'key',
-                  title: '项目编号',
-                  condition: () => false,
-                  setter: 'StringSetter',
-                },
-                {
-                  name: 'closeable',
-                  title: '可关闭',
-                  initialValue: false,
-                  setter: 'BoolSetter',
-                },
-                {
-                  name: 'disabled',
-                  title: '是否禁用',
-                  initialValue: false,
-                  setter: 'BoolSetter',
-                },
-              ],
-            },
-          },
-          initialValue: () => {
-            return {
-              key: String(Math.floor(Math.random() * 10000)),
-              tab: '标签项',
-              closeable: false,
-              disabled: false,
-            };
-          },
-        },
-      },
-    },
-    extraProps: {
-      getValue(target) {
-        const map = target.node.children.map((child) => {
-          const primaryKey = child.getPropValue('key')
-            ? String(child.getPropValue('key'))
-            : child.id;
-          return {
-            key: primaryKey,
-            tab: child.getPropValue('tab') || '标签项',
-            closeable: child.getPropValue('closeable'),
-            disabled: child.getPropValue('disabled'),
-          };
-        });
-        return map;
-      },
-      setValue(target, value) {
-        const { node } = target;
-        const map = {};
-        if (!Array.isArray(value)) {
-          value = [];
-        }
-        value.forEach((item) => {
-          const tabitem = Object.assign({}, item);
-          map[item.key] = tabitem;
-        });
-
-        node.children.mergeChildren(
-          (child) => {
-            const primaryKey = String(child.getPropValue('key'));
-            if (Object.hasOwnProperty.call(map, primaryKey)) {
-              child.setPropValue('tab', map[primaryKey].tab);
-              child.setPropValue('closeable', map[primaryKey].closeable);
-              child.setPropValue('disabled', map[primaryKey].disabled);
-              delete map[primaryKey];
-              return false;
-            }
-            return true;
-          },
-          () => {
-            const items: any = [];
-            for (const primaryKey in map) {
-              if (Object.hasOwnProperty.call(map, primaryKey)) {
-                items.push({
-                  componentName: 'TabContainerItem',
-                  props: map[primaryKey],
-                });
-              }
-            }
-            return items;
-          },
-          (child1, child2) => {
-            const a = value.findIndex(
-              (item) => String(item.key) === String(child1.getPropValue('key')),
-            );
-            const b = value.findIndex(
-              (item) => String(item.key) === String(child2.getPropValue('key')),
-            );
-            return a - b;
-          },
-        );
-      },
-    },
-  },
-  {
-    name: 'shape',
-    title: '形态',
-    defaultValue: 'pure',
-    setter: {
-      componentName: 'RadioGroupSetter',
-      props: {
-        options: [
-          { title: '普通型', value: 'pure' },
-          { title: '包裹型', value: 'wrapped' },
-          { title: '文本型', value: 'text' },
-          { title: '胶囊型', value: 'capsule' },
-        ],
-      },
-    },
-  },
-  {
-    name: 'size',
-    title: '尺寸',
-    defaultValue: 'medium',
-    setter: {
-      componentName: 'RadioGroupSetter',
-      props: {
-        options: [
-          { title: '小', value: 'small' },
-          { title: '中', value: 'medium' },
-        ],
-      },
-    },
-  },
-  {
-    name: 'excessMode',
-    title: '选项卡过多时的滑动模式',
-    defaultValue: 'slide',
-    setter: {
-      componentName: 'RadioGroupSetter',
-      props: {
-        options: [
-          { title: '滑动', value: 'slide' },
-          { title: '下拉', value: 'dropdown' },
-        ],
-      },
-    },
-  },
-  {
-    name: 'tabPosition',
-    title: {
-      label: '导航选项卡的位置',
-      tip: '只适用于包裹型（wrapped）选项卡',
-    },
-    condition: (target) => {
-      const shape = target.getProps().getPropValue('shape');
-      return shape === 'wrapped';
-    },
-    defaultValue: 'top',
-    setter: {
-      componentName: 'RadioGroupSetter',
-      props: {
-        options: [
-          {
-            title: '顶部',
-            value: 'top',
-          },
-          {
-            title: '底部',
-            value: 'bottom',
-          },
-          {
-            title: '左边',
-            value: 'left',
-          },
-          {
-            title: '右边',
-            value: 'right',
-          },
-        ],
-      },
-    },
-  },
-];
+export default [
+  {
+    name: 'items',
+    title: '标签项',
+    setter: {
+      componentName: 'ArraySetter',
+      props: {
+        itemSetter: {
+          componentName: 'ObjectSetter',
+          props: {
+            config: {
+              items: [
+                {
+                  name: 'tab',
+                  title: '名称',
+                  defaultValue: '标签项',
+                  important: true,
+                  setter: 'StringSetter',
+                },
+                {
+                  name: 'key',
+                  title: '项目编号',
+                  condition: () => false,
+                  setter: 'StringSetter',
+                },
+                {
+                  name: 'closeable',
+                  title: '可关闭',
+                  initialValue: false,
+                  setter: 'BoolSetter',
+                },
+                {
+                  name: 'disabled',
+                  title: '是否禁用',
+                  initialValue: false,
+                  setter: 'BoolSetter',
+                },
+              ],
+            },
+          },
+          initialValue: () => {
+            return {
+              key: String(Math.floor(Math.random() * 10000)),
+              tab: '标签项',
+              closeable: false,
+              disabled: false,
+            };
+          },
+        },
+      },
+    },
+    extraProps: {
+      getValue(target) {
+        const map = target.node.children.map((child) => {
+          const primaryKey = child.getPropValue('key')
+            ? String(child.getPropValue('key'))
+            : child.id;
+          return {
+            key: primaryKey,
+            tab: child.getPropValue('tab') || '标签项',
+            closeable: child.getPropValue('closeable'),
+            disabled: child.getPropValue('disabled'),
+          };
+        });
+        return map;
+      },
+      setValue(target, value) {
+        const { node } = target;
+        const map = {};
+        if (!Array.isArray(value)) {
+          value = [];
+        }
+        value.forEach((item) => {
+          const tabitem = Object.assign({}, item);
+          map[item.key] = tabitem;
+        });
+
+        node.children.mergeChildren(
+          (child) => {
+            const primaryKey = String(child.getPropValue('key'));
+            if (Object.hasOwnProperty.call(map, primaryKey)) {
+              child.setPropValue('tab', map[primaryKey].tab);
+              child.setPropValue('closeable', map[primaryKey].closeable);
+              child.setPropValue('disabled', map[primaryKey].disabled);
+              delete map[primaryKey];
+              return false;
+            }
+            return true;
+          },
+          () => {
+            const items: any = [];
+            for (const primaryKey in map) {
+              if (Object.hasOwnProperty.call(map, primaryKey)) {
+                items.push({
+                  componentName: 'TabContainerItem',
+                  props: map[primaryKey],
+                });
+              }
+            }
+            return items;
+          },
+          (child1, child2) => {
+            const a = value.findIndex(
+              (item) => String(item.key) === String(child1.getPropValue('key')),
+            );
+            const b = value.findIndex(
+              (item) => String(item.key) === String(child2.getPropValue('key')),
+            );
+            return a - b;
+          },
+        );
+      },
+    },
+  },
+  {
+    name: 'shape',
+    title: '形态',
+    defaultValue: 'pure',
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          { title: '普通型', value: 'pure' },
+          { title: '包裹型', value: 'wrapped' },
+          { title: '文本型', value: 'text' },
+          { title: '胶囊型', value: 'capsule' },
+        ],
+      },
+    },
+  },
+  {
+    name: 'size',
+    title: '尺寸',
+    defaultValue: 'medium',
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          { title: '小', value: 'small' },
+          { title: '中', value: 'medium' },
+        ],
+      },
+    },
+  },
+  {
+    name: 'excessMode',
+    title: '选项卡过多时的滑动模式',
+    defaultValue: 'slide',
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          { title: '滑动', value: 'slide' },
+          { title: '下拉', value: 'dropdown' },
+        ],
+      },
+    },
+  },
+  {
+    name: 'tabPosition',
+    title: {
+      label: '导航选项卡的位置',
+      tip: '只适用于包裹型（wrapped）选项卡',
+    },
+    condition: (target) => {
+      const shape = target.getProps().getPropValue('shape');
+      return shape === 'wrapped';
+    },
+    defaultValue: 'top',
+    setter: {
+      componentName: 'RadioGroupSetter',
+      props: {
+        options: [
+          {
+            title: '顶部',
+            value: 'top',
+          },
+          {
+            title: '底部',
+            value: 'bottom',
+          },
+          {
+            title: '左边',
+            value: 'left',
+          },
+          {
+            title: '右边',
+            value: 'right',
+          },
+        ],
+      },
+    },
+  },
+];