@pisell/materials 1.0.1 → 1.0.2

package/.tmp/assets-daily.json

@@ -0,0 +1,93 @@
+{
+  "packages": [
+    {
+      "package": "dayjs",
+      "version": "1.11.7",
+      "urls": "https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js",
+      "library": "dayjs"
+    },
+    {
+      "package": "iconfont-icons",
+      "urls": "//at.alicdn.com/t/font_2369445_ukrtsovd92r.js"
+    },
+    {
+      "package": "@ant-design/icons",
+      "version": "4.7.0",
+      "urls": [
+        "//g.alicdn.com/code/npm/@ali/ant-design-icons-cdn/4.5.0/index.umd.min.js"
+      ],
+      "library": "icons"
+    },
+    {
+      "package": "antd",
+      "version": "5.6.2",
+      "urls": [
+        "https://g.alicdn.com/code/lib/antd/5.6.2/antd.min.js"
+      ],
+      "library": "antd"
+    },
+    {
+      "package": "@pisell/materials",
+      "version": "1.0.1",
+      "library": "BaseMaterials",
+      "urls": [
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.js",
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.css"
+      ],
+      "editUrls": [
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/view.js",
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/view.css"
+      ],
+      "advancedUrls": {
+        "default": [
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.js",
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.css"
+        ]
+      },
+      "advancedEditUrls": {}
+    }
+  ],
+  "components": [
+    {
+      "exportName": "PisellMaterialsMeta",
+      "npm": {
+        "package": "@pisell/materials",
+        "version": "1.0.1"
+      },
+      "url": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js",
+      "urls": {
+        "default": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js"
+      },
+      "advancedUrls": {
+        "default": [
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js"
+        ]
+      }
+    }
+  ],
+  "sort": {
+    "groupList": [
+      "精选组件",
+      "原子组件"
+    ],
+    "categoryList": [
+      "基础元素",
+      "布局容器类",
+      "表格类",
+      "表单详情类",
+      "帮助类",
+      "对话框类",
+      "业务类",
+      "通用",
+      "引导",
+      "信息输入",
+      "信息展示",
+      "信息反馈"
+    ]
+  },
+  "groupList": [
+    "精选组件",
+    "原子组件"
+  ],
+  "ignoreComponents": {}
+}

package/.tmp/assets-dev.json

@@ -0,0 +1,93 @@
+{
+  "packages": [
+    {
+      "package": "dayjs",
+      "version": "1.11.7",
+      "urls": "https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js",
+      "library": "dayjs"
+    },
+    {
+      "package": "iconfont-icons",
+      "urls": "//at.alicdn.com/t/font_2369445_ukrtsovd92r.js"
+    },
+    {
+      "package": "@ant-design/icons",
+      "version": "4.7.0",
+      "urls": [
+        "//g.alicdn.com/code/npm/@ali/ant-design-icons-cdn/4.5.0/index.umd.min.js"
+      ],
+      "library": "icons"
+    },
+    {
+      "package": "antd",
+      "version": "5.6.2",
+      "urls": [
+        "https://g.alicdn.com/code/lib/antd/5.6.2/antd.min.js"
+      ],
+      "library": "antd"
+    },
+    {
+      "package": "@pisell/materials",
+      "version": "1.0.1",
+      "library": "BaseMaterials",
+      "urls": [
+        "./render/default/view.js",
+        "./render/default/view.css"
+      ],
+      "editUrls": [
+        "./view.js",
+        "./view.css"
+      ],
+      "advancedUrls": {
+        "default": [
+          "./render/default/view.js",
+          "./render/default/view.css"
+        ]
+      },
+      "advancedEditUrls": {}
+    }
+  ],
+  "components": [
+    {
+      "exportName": "PisellMaterialsMeta",
+      "npm": {
+        "package": "@pisell/materials",
+        "version": "1.0.1"
+      },
+      "url": "./meta.js",
+      "urls": {
+        "default": "./meta.js"
+      },
+      "advancedUrls": {
+        "default": [
+          "./meta.js"
+        ]
+      }
+    }
+  ],
+  "sort": {
+    "groupList": [
+      "精选组件",
+      "原子组件"
+    ],
+    "categoryList": [
+      "基础元素",
+      "布局容器类",
+      "表格类",
+      "表单详情类",
+      "帮助类",
+      "对话框类",
+      "业务类",
+      "通用",
+      "引导",
+      "信息输入",
+      "信息展示",
+      "信息反馈"
+    ]
+  },
+  "groupList": [
+    "精选组件",
+    "原子组件"
+  ],
+  "ignoreComponents": {}
+}

package/.tmp/assets-prod.json

@@ -0,0 +1,93 @@
+{
+  "packages": [
+    {
+      "package": "dayjs",
+      "version": "1.11.7",
+      "urls": "https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js",
+      "library": "dayjs"
+    },
+    {
+      "package": "iconfont-icons",
+      "urls": "//at.alicdn.com/t/font_2369445_ukrtsovd92r.js"
+    },
+    {
+      "package": "@ant-design/icons",
+      "version": "4.7.0",
+      "urls": [
+        "//g.alicdn.com/code/npm/@ali/ant-design-icons-cdn/4.5.0/index.umd.min.js"
+      ],
+      "library": "icons"
+    },
+    {
+      "package": "antd",
+      "version": "5.6.2",
+      "urls": [
+        "https://g.alicdn.com/code/lib/antd/5.6.2/antd.min.js"
+      ],
+      "library": "antd"
+    },
+    {
+      "package": "@pisell/materials",
+      "version": "1.0.1",
+      "library": "BaseMaterials",
+      "urls": [
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.js",
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.css"
+      ],
+      "editUrls": [
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/view.js",
+        "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/view.css"
+      ],
+      "advancedUrls": {
+        "default": [
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.js",
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/render/default/view.css"
+        ]
+      },
+      "advancedEditUrls": {}
+    }
+  ],
+  "components": [
+    {
+      "exportName": "PisellMaterialsMeta",
+      "npm": {
+        "package": "@pisell/materials",
+        "version": "1.0.1"
+      },
+      "url": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js",
+      "urls": {
+        "default": "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js"
+      },
+      "advancedUrls": {
+        "default": [
+          "https://unpkg.com/@pisell/materials@1.0.1/build/lowcode/meta.js"
+        ]
+      }
+    }
+  ],
+  "sort": {
+    "groupList": [
+      "精选组件",
+      "原子组件"
+    ],
+    "categoryList": [
+      "基础元素",
+      "布局容器类",
+      "表格类",
+      "表单详情类",
+      "帮助类",
+      "对话框类",
+      "业务类",
+      "通用",
+      "引导",
+      "信息输入",
+      "信息展示",
+      "信息反馈"
+    ]
+  },
+  "groupList": [
+    "精选组件",
+    "原子组件"
+  ],
+  "ignoreComponents": {}
+}

package/.tmp/default.view.js

@@ -0,0 +1,24 @@
+
+
+export { default } from '/Users/zuoshengjie/Desktop/project/pisell/packages/materials/src/index.tsx';
+
+import * as componentInstances from '/Users/zuoshengjie/Desktop/project/pisell/packages/materials/src/index.tsx';
+
+
+
+export * from '/Users/zuoshengjie/Desktop/project/pisell/packages/materials/src/index.tsx';
+
+const coveredComponents = {};
+
+const library = 'BaseMaterials';
+const execCompile = !!true;
+
+if (!execCompile) {
+  window[library] = Object.assign({__esModule: true}, componentInstances || {}, coveredComponents || {});
+}
+
+function getRealComponent(component, componentName) {
+  if (component.default) return component.default;
+  if (component[componentName]) return component[componentName];
+  return component;
+}

package/.tmp/index.jsx

@@ -0,0 +1,279 @@
+import init, { editor, project, material, setters, config } from '@alifd/lowcode-preset-plugin';
+import mergeWith from 'lodash/mergeWith';
+
+
+const queryObject = new URLSearchParams(window.location.search);
+const fullbackMeta = 'default' || '';
+let platform = queryObject.get('platform') || '';
+let metaType = queryObject.get('metaType') || platform || '';
+const metaPathMap = {"meta":"/Users/zuoshengjie/Desktop/project/pisell/packages/materials/.tmp/meta.js"};
+const key = metaType ? `meta.${metaType}` : 'meta';
+if (!metaPathMap[key]) {
+  console.warn(`[@alifd/build-plugin-lowcode] metaType can only in [${Object.keys(metaPathMap)}], current metaType is ${key}, fullback to ${fullbackMeta || 'default'}.`);
+  metaType = fullbackMeta === 'default' ? '' : fullbackMeta;
+}
+const isNewEngineVersion = !!material;
+const devMode = !!false;
+const baseLibrary = 'react';
+const basePackages = [
+  {
+    package: 'moment',
+    version: '2.24.0',
+    urls: ['https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js'],
+    library: 'moment',
+  },
+  {
+    package: 'dayjs',
+    version: '1.11.7',
+    urls: ['https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js'],
+    library: 'dayjs',
+  },
+  {
+    package: "lodash",
+    library: "_",
+    urls: [
+      "https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js"
+    ]
+  },
+  {
+    title: 'fusion组件库',
+    package: '@alifd/next',
+    version: '1.25.23',
+    urls: [
+      'https://g.alicdn.com/code/lib/alifd__next/1.25.23/next.min.css',
+      'https://g.alicdn.com/code/lib/alifd__next/1.25.23/next-with-locales.min.js',
+    ],
+    library: 'Next',
+  },
+  {
+    package: 'antd',
+    version: '5.6.2',
+    urls: [
+      'https://g.alicdn.com/code/lib/antd/5.6.2/antd.min.js',
+    ],
+    library: 'antd',
+  },
+];
+
+if (baseLibrary === 'rax') {
+  basePackages.push({
+    title: 'meet',
+    package: '@alifd/meet',
+    version: 'meet@2.4.2-beta.6',
+    urls: [
+      'https://mc-fusion.alibaba-inc.com/unpkg/@alifd/meet@2.4.2-beta.6/umd/meet.lowcode.js',
+      'https://mc-fusion.alibaba-inc.com/unpkg/@alifd/meet@2.4.2-beta.6/umd/meet.min.css',
+    ],
+    library: 'Meet',
+  });
+}
+
+const assets = {
+  packages: []
+};
+
+let assetsName = './assets-dev.json';
+
+const setterMap = {
+};
+const presetConfig = {};
+const customPlugins = [];
+
+const type = 'component';
+
+if (devMode && type !== 'setter') {
+  assets.packages.push({
+    "package": "@pisell/materials",
+    "version": "1.0.1",
+    "library": "BaseMaterials",
+    "urls": ["build/lowcode/view.js","build/lowcode/view.css"],
+    "editUrls": ["build/lowcode/view.js","build/lowcode/view.css"],
+    "advancedUrls": {"default":["./render/default/view.js","./render/default/view.css"]},
+  });
+  assets.groupList = ["精选组件","原子组件"];
+  assets.sort = {
+    "groupList": ["精选组件","原子组件"],
+    "categoryList": ["基础元素","布局容器类","表格类","表单详情类","帮助类","对话框类","业务类","通用","引导","信息输入","信息展示","信息反馈"]
+  };
+  assets.ignoreComponents = {};
+
+  assets.components = [{
+    exportName: 'PisellMaterialsMeta',
+    url: metaType ? `/meta.${metaType}.js` : '/meta.js',
+  }];
+}
+
+const schema = getPageSchema() || {
+  componentName: 'Page',
+  id: 'node_dockcviv8fo1',
+  props: {
+    ref: 'outterView',
+    style: {
+      height: '100%',
+    },
+  },
+  fileName: 'lowcode',
+  dataSource: {
+    list: [],
+  },
+  state: {
+    text: 'outter',
+    isShowDialog: false,
+  },
+  css: 'body {font-size: 12px;} .botton{width:100px;color:#ff00ff}',
+  lifeCycles: {
+    componentDidMount: {
+      type: 'JSFunction',
+      value: "function() {\n    console.log('did mount');\n  }",
+    },
+    componentWillUnmount: {
+      type: 'JSFunction',
+      value: "function() {\n    console.log('will umount');\n  }",
+    },
+  },
+  methods: {
+    testFunc: {
+      type: 'JSFunction',
+      value: "function() {\n    console.log('test func');\n  }",
+    },
+    onClick: {
+      type: 'JSFunction',
+      value: 'function() {\n    this.setState({\n      isShowDialog: true\n    })\n  }',
+    },
+    closeDialog: {
+      type: 'JSFunction',
+      value: 'function() {\n    this.setState({\n      isShowDialog: false\n    })\n  }',
+    },
+  },
+  children: [],
+};
+
+const LCE_CONTAINER = document.getElementById('lce-container');
+
+init(() => {
+  return {
+    name: 'editor-init',
+    async init() {
+      if (typeof setterMap === 'object' && Object.keys(setterMap).length) {
+        setters.registerSetter(setterMap);
+      }
+      if (!devMode) {
+        const devAssets = await (await fetch(assetsName)).json();
+        const packages = devAssets.packages;
+        assets.packages = assets.packages.concat(packages);
+        assets.components = devAssets.components.map(item => {
+          if (item.advancedUrls && metaType && item.advancedUrls[metaType] && item.advancedUrls[metaType].length) {
+            item.url = item.advancedUrls[metaType][0];
+          } else if (item.urls && metaType && item.urls[metaType]) {
+            item.url = item.urls[metaType];
+          }
+          return item;
+        });
+        assets.groupList = devAssets.groupList;
+      } else {
+        const extraAssets = false;
+        const builtinAssets = false;
+        extraAssets && await handleExtraAssets(assets, extraAssets);
+        builtinAssets && await handleExtraAssets(assets, builtinAssets);
+      }
+
+       // Overwrite the same library in basePackages
+      const packagesMap = new Map();
+      const sortedKeys = [...new Set(
+        [...basePackages, ...assets.packages].map((item) => {
+          const { library } = item;
+          packagesMap.set(library, item);
+          return library;
+        })
+      )];
+      assets.packages = sortedKeys.map((key) => packagesMap.get(key));
+
+      assets.packages = assets.packages.map(item => {
+        if (item.editUrls && item.editUrls.length) {
+          item.renderUrls = item.urls;
+          item.urls = item.editUrls;
+        }
+        return item;
+      })
+
+      if (baseLibrary && baseLibrary === 'rax') {
+        if (isNewEngineVersion) {
+          config.set('renderEnv', 'rax');
+          config.set('simulatorUrl', undefined);
+        } else {
+          editor.set('renderEnv', 'rax');
+          project.onRendererReady(() => {
+            editor.get('designer').currentDocument.simulator._iframe.onload = () => {
+              editor.get('designer').currentDocument.simulator.set('device', 'phone');
+            }
+          });
+        }
+      }
+
+      if (isNewEngineVersion) {
+        material.setAssets(assets);
+        project.openDocument(schema);
+      } else {
+        editor.setAssets(assets);
+        project.open(schema);
+      }
+    },
+  }
+}, customPlugins || [], LCE_CONTAINER, {
+  supportVariableGlobally: true,
+  presetConfig
+});
+
+function getPageSchema() {
+  const schema = JSON.parse(
+    window.localStorage.getItem('projectSchema') || '{}'
+  );
+
+  const pageSchema = schema?.componentsTree?.[0];
+  return pageSchema;
+};
+
+async function handleExtraAssets(assets, extraAssets) {
+  if (extraAssets && Array.isArray(extraAssets) && extraAssets.length) {
+    const baseSchemas = await Promise.all(
+      extraAssets.map(async (url) => {
+        if (typeof url === 'object') {
+          return url;
+        } else {
+          try {
+            return (await fetch(url)).json();
+          } catch (e) {
+            console.error(`get assets data from builtin assets ${url} failed: `, e);
+            return {};
+          }
+        }
+      })
+    );
+    baseSchemas.forEach((item) => {
+      const _assets = {
+        ...item,
+        packages: item.packages || [item.package],
+        components: item.components,
+        componentList: (item.componentList || []).map((comp) => {
+          if (comp.children) {
+            comp.children = comp.children.map((snippet) => {
+              if (!snippet.sort) {
+                snippet.sort = {
+                  category: comp.title,
+                  group: '原子组件',
+                };
+              }
+              return snippet;
+            });
+          }
+          return comp;
+        }),
+      };
+      mergeWith(assets, _assets, (objValue, srcValue) => {
+        if (Array.isArray(objValue) && Array.isArray(srcValue)) {
+          return srcValue.concat(objValue);
+        }
+      });
+    });
+  }
+}