@dckj-npm/dc-material 0.1.15 → 0.1.17

package/lowcode_lib/tab-container/props.d.ts

@@ -0,0 +1,90 @@
+declare const _default: ({
+    name: string;
+    title: string;
+    setter: {
+        componentName: string;
+        props: {
+            itemSetter: {
+                componentName: string;
+                props: {
+                    config: {
+                        items: ({
+                            name: string;
+                            title: string;
+                            defaultValue: string;
+                            important: boolean;
+                            setter: string;
+                            condition?: undefined;
+                            initialValue?: undefined;
+                        } | {
+                            name: string;
+                            title: string;
+                            condition: () => boolean;
+                            setter: string;
+                            defaultValue?: undefined;
+                            important?: undefined;
+                            initialValue?: undefined;
+                        } | {
+                            name: string;
+                            title: string;
+                            initialValue: boolean;
+                            setter: string;
+                            defaultValue?: undefined;
+                            important?: undefined;
+                            condition?: undefined;
+                        })[];
+                    };
+                };
+                initialValue: () => {
+                    primaryKey: string;
+                    title: string;
+                    closeable: boolean;
+                    disabled: boolean;
+                };
+            };
+            options?: undefined;
+        };
+    };
+    extraProps: {
+        getValue(target: any): any;
+        setValue(target: any, value: any): void;
+    };
+    defaultValue?: undefined;
+    condition?: undefined;
+} | {
+    name: string;
+    title: string;
+    defaultValue: string;
+    setter: {
+        componentName: string;
+        props: {
+            options: {
+                title: string;
+                value: string;
+            }[];
+            itemSetter?: undefined;
+        };
+    };
+    extraProps?: undefined;
+    condition?: undefined;
+} | {
+    name: string;
+    title: {
+        label: string;
+        tip: string;
+    };
+    condition: (target: any) => boolean;
+    defaultValue: string;
+    setter: {
+        componentName: string;
+        props: {
+            options: {
+                title: string;
+                value: string;
+            }[];
+            itemSetter?: undefined;
+        };
+    };
+    extraProps?: undefined;
+})[];
+export default _default;

package/lowcode_lib/tab-container/props.js

@@ -0,0 +1,190 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _default = exports["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: function condition() {
+                return false;
+              },
+              setter: 'StringSetter'
+            }, {
+              name: 'closeable',
+              title: '可关闭',
+              initialValue: false,
+              setter: 'BoolSetter'
+            }, {
+              name: 'disabled',
+              title: '是否禁用',
+              initialValue: false,
+              setter: 'BoolSetter'
+            }]
+          }
+        },
+        initialValue: function initialValue() {
+          return {
+            primaryKey: String(Math.floor(Math.random() * 10000)),
+            title: '标签项',
+            closeable: false,
+            disabled: false
+          };
+        }
+      }
+    }
+  },
+  extraProps: {
+    getValue: function getValue(target) {
+      var map = target.node.children.map(function (child) {
+        var primaryKey = child.getPropValue('primaryKey') ? String(child.getPropValue('primaryKey')) : child.id;
+        return {
+          primaryKey: primaryKey,
+          title: child.getPropValue('title') || '标签项',
+          closeable: child.getPropValue('closeable'),
+          disabled: child.getPropValue('disabled')
+        };
+      });
+      return map;
+    },
+    setValue: function setValue(target, value) {
+      var node = target.node;
+      var map = {};
+      if (!Array.isArray(value)) {
+        value = [];
+      }
+      value.forEach(function (item) {
+        var tabitem = Object.assign({}, item);
+        map[item.primaryKey] = tabitem;
+      });
+      node.children.mergeChildren(function (child) {
+        var 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;
+      }, function () {
+        var items = [];
+        for (var primaryKey in map) {
+          if (Object.hasOwnProperty.call(map, primaryKey)) {
+            items.push({
+              componentName: 'TabContainerItem',
+              props: map[primaryKey]
+            });
+          }
+        }
+        return items;
+      }, function (child1, child2) {
+        var a = value.findIndex(function (item) {
+          return String(item.primaryKey) === String(child1.getPropValue('primaryKey'));
+        });
+        var b = value.findIndex(function (item) {
+          return 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: function condition(target) {
+    var 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'
+      }]
+    }
+  }
+}];

package/lowcode_lib/tab-container-item/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;

package/lowcode_lib/tab-container-item/meta.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var TabContainerItemMeta = {
+  "componentName": "TabContainerItem",
+  "title": "TabContainerItem",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "TabContainerItem",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  configure: {
+    props: [{
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'title',
+          'zh-CN': '选项卡标题'
+        },
+        tip: 'title | 选项卡标题'
+      },
+      name: 'title',
+      description: '选项卡标题',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'closeable',
+          'zh-CN': '单个选项卡是否可关闭'
+        },
+        tip: 'closeable | 单个选项卡是否可关闭'
+      },
+      name: 'closeable',
+      description: '单个选项卡是否可关闭',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'disabled',
+          'zh-CN': '选项卡是否被禁用'
+        },
+        tip: 'disabled | 选项卡是否被禁用'
+      },
+      name: 'disabled',
+      description: '选项卡是否被禁用',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'prefix',
+          'zh-CN': '样式类名的品牌前缀'
+        },
+        tip: 'prefix | 样式类名的品牌前缀'
+      },
+      name: 'prefix',
+      description: '样式类名的品牌前缀',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'locale',
+          'zh-CN': '国际化文案对象，属性'
+        },
+        tip: 'locale | 国际化文案对象，属性为组件的 displayName'
+      },
+      name: 'locale',
+      description: '国际化文案对象，属性为组件的 displayName',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'pure',
+          'zh-CN': '是否开启 Pure '
+        },
+        tip: 'pure | 是否开启 Pure Render 模式，会提高性能，但是也会带来副作用'
+      },
+      name: 'pure',
+      description: '是否开启 Pure Render 模式，会提高性能，但是也会带来副作用',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'warning',
+          'zh-CN': '是否在开发模式下显示'
+        },
+        tip: 'warning | 是否在开发模式下显示组件属性被废弃的 warning 提示'
+      },
+      name: 'warning',
+      description: '是否在开发模式下显示组件属性被废弃的 warning 提示',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }, {
+      title: {
+        label: {
+          type: 'i18n',
+          'en-US': 'rtl',
+          'zh-CN': '是否开启 rtl 模'
+        },
+        tip: 'rtl | 是否开启 rtl 模式'
+      },
+      name: 'rtl',
+      description: '是否开启 rtl 模式',
+      setter: {
+        componentName: 'StringSetter',
+        isRequired: false,
+        initialValue: ''
+      }
+    }],
+    supports: {
+      events: [{
+        name: 'onClick'
+      }, {
+        name: 'onChange'
+      }],
+      style: true
+    },
+    component: {
+      isContainer: true,
+      disableBehaviors: '*'
+    },
+    advanced: {
+      hideSelectTools: true,
+      callbacks: {
+        onMouseDownHook: function onMouseDownHook() {
+          return false;
+        },
+        onClickHook: function onClickHook() {
+          return false;
+        }
+      }
+    }
+  }
+};
+var snippets = [{
+  "title": "TabContainerItem",
+  "screenshot": "",
+  "schema": {
+    "componentName": "TabContainerItem",
+    "props": {}
+  }
+}];
+var _default = exports["default"] = (0, _extends2["default"])({}, TabContainerItemMeta, {
+  snippets: snippets
+});

package/lowcode_lib/tab-message/meta.d.ts

@@ -0,0 +1,22 @@
+import { IPublicTypeSnippet } from '@alilc/lowcode-types';
+declare const _default: {
+    snippets: IPublicTypeSnippet[];
+    componentName: string;
+    uri?: string;
+    title?: import("@alilc/lowcode-types").IPublicTypeTitleContent;
+    icon?: import("@alilc/lowcode-types").IPublicTypeIconType;
+    tags?: string[];
+    description?: string;
+    docUrl?: string;
+    screenshot?: string;
+    devMode?: "proCode" | "lowCode";
+    npm?: import("@alilc/lowcode-types").IPublicTypeNpmInfo;
+    props?: import("@alilc/lowcode-types").IPublicTypePropConfig[];
+    configure?: import("@alilc/lowcode-types").IPublicTypeFieldConfig[] | import("@alilc/lowcode-types").IPublicTypeConfigure;
+    experimental?: import("@alilc/lowcode-types").IPublicTypeAdvanced;
+    schema?: import("@alilc/lowcode-types").IPublicTypeComponentSchema;
+    group?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    category?: string | import("@alilc/lowcode-types").IPublicTypeI18nData;
+    priority?: number;
+};
+export default _default;

package/lowcode_lib/tab-message/meta.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var TabMessageMeta = {
+  "componentName": "TabMessage",
+  "title": "消息列表tab",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "TabMessage",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [{
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "selectedBGColor",
+          "zh-CN": "选中背景颜色"
+        },
+        "tip": "选中背景颜色"
+      },
+      "name": "selectedBGColor",
+      "description": "选中背景颜色",
+      "setter": {
+        "componentName": "ColorSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "selectedFontColor",
+          "zh-CN": "选中字体颜色"
+        },
+        "tip": "selectedFontColor | 选中字体颜色"
+      },
+      "name": "selectedFontColor",
+      "description": "选中字体颜色",
+      "setter": {
+        "componentName": "ColorSetter",
+        "isRequired": true,
+        "initialValue": ""
+      }
+    }, {
+      "title": {
+        "label": {
+          "type": "i18n",
+          "en-US": "size",
+          "zh-CN": "尺寸 small |"
+        },
+        "tip": "尺寸 small | large"
+      },
+      "name": "size",
+      "description": "尺寸 small | default | large",
+      "setter": {
+        "componentName": "SelectSetter",
+        "initialValue": "small",
+        "props": {
+          "defaultValue": "small",
+          "options": [{
+            "title": "大",
+            "value": "large"
+          }, {
+            "title": "小",
+            "value": "small"
+          }]
+        }
+      }
+    }],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+var snippets = [{
+  "title": "消息tab",
+  "screenshot": "",
+  "schema": {
+    "componentName": "TabMessage",
+    "props": {}
+  }
+}];
+var _default = exports["default"] = (0, _extends2["default"])({}, TabMessageMeta, {
+  snippets: snippets
+});