@dckj-npm/dc-material 0.1.28 → 0.1.30

package/lowcode/search-bar/meta.ts

@@ -1,54 +1,54 @@
-
-import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
-
-const SearchBarMeta: IPublicTypeComponentMetadata = {
-  "group": '低代码组件',
-  "componentName": "SearchBar",
-  "title": "搜索栏",
-  "docUrl": "",
-  "screenshot": "",
-  "devMode": "proCode",
-  "npm": {
-    "package": "@dckj-npm/dc-material",
-    "version": "0.1.0",
-    "exportName": "SearchBar",
-    "main": "src\\index.tsx",     
-    "destructuring": true,
-    "subName": ""
-  },
-  "configure": {
-    supports: {
-      style: true,
-      events: [{
-        name: 'onClick',
-        // template: "onSearch(params,${extParams}){\n window.location.href=`http://localhost:4500/preview.html?pathId=${params.pathId}`;\n console.log(params.pathId) \n}"
-      }],
-    },
-    "props": [
-      {
-        name: 'defaultValue',
-        title: '绑定跳转',
-        setter: 'StringSetter',
-        supportVariable: true,
-        description: '搜索框绑定跳转',
-        defaultValue: '请输入'
-      },
-    ],
-    "component": {}
-  }
-};
-const snippets: IPublicTypeSnippet[] = [
-  {
-    "title": "搜索栏",
-    "screenshot": "",
-    "schema": {
-      "componentName": "SearchBar",
-      "props": {}
-    }
-  }
-];
-
-export default {
-  ...SearchBarMeta,
-  snippets
-};
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const SearchBarMeta: IPublicTypeComponentMetadata = {
+  "group": '低代码组件',
+  "componentName": "SearchBar",
+  "title": "搜索栏",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.0",
+    "exportName": "SearchBar",
+    "main": "src\\index.tsx",     
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    supports: {
+      style: true,
+      events: [{
+        name: 'onClick',
+        // template: "onSearch(params,${extParams}){\n window.location.href=`http://localhost:4500/preview.html?pathId=${params.pathId}`;\n console.log(params.pathId) \n}"
+      }],
+    },
+    "props": [
+      {
+        name: 'defaultValue',
+        title: '绑定跳转',
+        setter: 'StringSetter',
+        supportVariable: true,
+        description: '搜索框绑定跳转',
+        defaultValue: '请输入'
+      },
+    ],
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "搜索栏",
+    "screenshot": "",
+    "schema": {
+      "componentName": "SearchBar",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...SearchBarMeta,
+  snippets
+};

package/lowcode/tab-container/meta.ts

@@ -1,70 +1,70 @@
-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: {
-            title: "标签项1",
-            primaryKey: "tab-item-1",
-          },
-        },
-        {
-          componentName: "TabContainerItem",
-          props: {
-            title: "标签项2",
-            primaryKey: "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"],
-        },
-      },
-      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: {
+            title: "标签项1",
+            primaryKey: "tab-item-1",
+          },
+        },
+        {
+          componentName: "TabContainerItem",
+          props: {
+            title: "标签项2",
+            primaryKey: "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"],
+        },
+      },
+      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: 'title',
-                  title: '名称',
-                  defaultValue: '标签项',
-                  important: true,
-                  setter: 'StringSetter',
-                },
-                {
-                  name: 'primaryKey',
-                  title: '项目编号',
-                  condition: () => false,
-                  setter: 'StringSetter',
-                },
-                {
-                  name: 'closeable',
-                  title: '可关闭',
-                  initialValue: false,
-                  setter: 'BoolSetter',
-                },
-                {
-                  name: 'disabled',
-                  title: '是否禁用',
-                  initialValue: false,
-                  setter: 'BoolSetter',
-                },
-              ],
-            },
-          },
-          initialValue: () => {
-            return {
-              primaryKey: String(Math.floor(Math.random() * 10000)),
-              title: '标签项',
-              closeable: false,
-              disabled: false,
-            };
-          },
-        },
-      },
-    },
-    extraProps: {
-      getValue(target) {
-        const map = target.node.children.map((child) => {
-          const primaryKey = child.getPropValue('primaryKey')
-            ? String(child.getPropValue('primaryKey'))
-            : child.id;
-          return {
-            primaryKey,
-            title: child.getPropValue('title') || '标签项',
-            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.primaryKey] = tabitem;
-        });
-
-        node.children.mergeChildren(
-          (child) => {
-            const primaryKey = String(child.getPropValue('primaryKey'));
-            if (Object.hasOwnProperty.call(map, primaryKey)) {
-              child.setPropValue('title', map[primaryKey].title);
-              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.primaryKey) === String(child1.getPropValue('primaryKey')),
-            );
-            const b = value.findIndex(
-              (item) => String(item.primaryKey) === String(child2.getPropValue('primaryKey')),
-            );
-            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: 'title',
+                  title: '名称',
+                  defaultValue: '标签项',
+                  important: true,
+                  setter: 'StringSetter',
+                },
+                {
+                  name: 'primaryKey',
+                  title: '项目编号',
+                  condition: () => false,
+                  setter: 'StringSetter',
+                },
+                {
+                  name: 'closeable',
+                  title: '可关闭',
+                  initialValue: false,
+                  setter: 'BoolSetter',
+                },
+                {
+                  name: 'disabled',
+                  title: '是否禁用',
+                  initialValue: false,
+                  setter: 'BoolSetter',
+                },
+              ],
+            },
+          },
+          initialValue: () => {
+            return {
+              primaryKey: String(Math.floor(Math.random() * 10000)),
+              title: '标签项',
+              closeable: false,
+              disabled: false,
+            };
+          },
+        },
+      },
+    },
+    extraProps: {
+      getValue(target) {
+        const map = target.node.children.map((child) => {
+          const primaryKey = child.getPropValue('primaryKey')
+            ? String(child.getPropValue('primaryKey'))
+            : child.id;
+          return {
+            primaryKey,
+            title: child.getPropValue('title') || '标签项',
+            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.primaryKey] = tabitem;
+        });
+
+        node.children.mergeChildren(
+          (child) => {
+            const primaryKey = String(child.getPropValue('primaryKey'));
+            if (Object.hasOwnProperty.call(map, primaryKey)) {
+              child.setPropValue('title', map[primaryKey].title);
+              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.primaryKey) === String(child1.getPropValue('primaryKey')),
+            );
+            const b = value.findIndex(
+              (item) => String(item.primaryKey) === String(child2.getPropValue('primaryKey')),
+            );
+            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',
+          },
+        ],
+      },
+    },
+  },
+];