vue2-client 1.8.9 → 1.8.10

package/CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
+**1.8.10 -2023-11-07 @江超**
+- XStepView接入琉璃配置中心
+
 **1.8.9 -2023-10-27 @江超**
 - 完成webpack5的切换
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.9",
+  "version": "1.8.10",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XStepView/XStepView.vue

@@ -82,256 +82,19 @@ export default {
   props: {
     params: {
       type: Object,
-      default: () => {
-        return { meternumber: '4923217' }
-      }
+      required: true
     },
-    // panelStyle: {
-    //   type: Object,
-    //   default: () => {
-    //     return {
-    //       flex: 19
-    //     }
-    //   }
-    // },
-    // stepStyle: {
-    //   type: Object,
-    //   default: () => {
-    //     return {
-    //       flex: 5,
-    //       type: 'default',
-    //       progressDot: 'false',
-    //       direction: 'horizontal',
-    //       labelPlacement: 'horizontal',
-    //       size: 'default',
-    //     }
-    //   }
-    // }
+    configContent: {
+      type: Object,
+      required: true
+    }
   },
   data () {
     return {
       current: -1,
       initial: 0,
       status: 'wait',
-      iconType: 'loading',
-      configContent: {
-        step: {
-          style: {
-            flex: 5,
-            type: 'default',
-            progressDot: 'false',
-            direction: 'vertical',
-            labelPlacement: 'horizontal',
-            size: 'default',
-          },
-          steps: [
-            {
-              name: '开始检测',
-              title: '开始检测',
-              subTitle: '对设备状态进行确认',
-              description: '第一步',
-              disabled: false,
-              content: {
-                card: {
-                  type: 'text',
-                  value: '正在对档案状态进行查看'
-                }
-              },
-              run: {
-                name: 'deviceCheckMeterInfo',
-                params: {
-                  data: {
-                    meternumber: this.params.meternumber
-                  }
-                }
-              }
-            },
-            {
-              name: '设备重置',
-              title: '设备重置',
-              subTitle: '对设备进行重置',
-              description: '第二步',
-              disabled: false,
-              content: {
-                card: {
-                  type: 'form',
-                  value: [
-                    {
-                      addOrEdit: 'all',
-                      name: '表号',
-                      rule: {
-                        type: 'number',
-                        required: 'true'
-                      },
-                      isOnlyAddOrEdit: false,
-                      model: 't_meternumber',
-                      type: 'input'
-                    },
-                    {
-                      addOrEdit: 'all',
-                      name: '识别码',
-                      rule: {
-                        type: 'number',
-                        required: 'true'
-                      },
-                      isOnlyAddOrEdit: false,
-                      model: 't_imei',
-                      type: 'input'
-                    }
-                  ]
-                }
-              },
-              run: {
-                name: 'deviceChangeMeterInfo',
-              }
-            },
-            {
-              name: '开户记录检查',
-              title: '开户记录检查',
-              subTitle: '对开户记录进行检查',
-              description: '第三步',
-              disabled: false,
-              content: {
-                card: {
-                  type: 'text',
-                  value: '正在等待系统生成开户指令'
-                }
-              },
-              before: {
-                name: 'logic@deviceCheckOpenAccount',
-                params: {
-                  data: {
-                    meternumber: this.params.meternumber
-                  }
-                }
-              }
-            },
-            {
-              name: '充值补气记录检查',
-              title: '充值补气记录检查',
-              subTitle: '对开户充值补气记录进行检查',
-              description: '第四步',
-              disabled: false,
-              content: {
-                card: {
-                  type: 'table',
-                  queryParamsName: 'crud_metercheck_instruct',
-                  queryFrom: {
-                    t_f_meternumber: this.params.meternumber
-                  },
-                  value: [
-                    {
-                      slots: {
-                        customRender: 't_id'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_id'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_id',
-                      width: 164,
-                      title: '指令id',
-                      slotValue: 16
-                    },
-                    {
-                      slots: {
-                        customRender: 't_f_meternumber'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_f_meternumber'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_f_meternumber',
-                      width: 164,
-                      title: '表号',
-                      slotValue: 16
-                    },
-                    {
-                      slots: {
-                        customRender: 't_f_alias'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_f_alias'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_f_alias',
-                      width: 164,
-                      title: '表具别名',
-                      slotValue: 16
-                    },
-                    {
-                      slots: {
-                        customRender: 't_f_instruct_type'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_f_instruct_type'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_f_instruct_type',
-                      width: 164,
-                      title: '指令类型',
-                      slotValue: 16
-                    },
-                    {
-                      slots: {
-                        customRender: 't_f_instruct_state'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_f_instruct_state'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_f_instruct_state',
-                      width: 164,
-                      title: '通信状态',
-                      slotValue: 16
-                    },
-                    {
-                      slots: {
-                        customRender: 't_f_receive_state'
-                      },
-                      sorter: true,
-                      scopedSlots: {
-                        customRender: 't_f_receive_state'
-                      },
-                      slotType: 'ellipsis',
-                      dataIndex: 't_f_receive_state',
-                      width: 164,
-                      title: '通信结果',
-                      slotValue: 16
-                    },
-                      {
-                        slots: {
-                          customRender: 'action'
-                        },
-                        sorter: false,
-                        scopedSlots: {
-                          customRender: 'action'
-                        },
-                        slotType: 'action',
-                        dataIndex: 'action',
-                        title: '操作',
-                        slotValue: '重新通信'
-                      }
-                ]
-                }
-              },
-              run: {
-                name: 'xxx'
-              }
-            }
-          ]
-        },
-        panel: {
-          style: {
-            flex: 19
-          }
-        }
-      },
+      iconType: 'loading'
     }
   },
   watch: {
@@ -415,12 +178,12 @@ export default {
 
   },
   methods: {
-    init (parms) {
+    init (params) {
       const {
         style,
         panel,
         steps
-      } = parms
+      } = params
       if (style) {
         this.stepStyle = style
       }

package/src/base-client/components/index.js

@@ -18,6 +18,7 @@ import CreateQuery from './common/CreateQuery'
 import CreateSimpleFormQuery from './common/CreateSimpleFormQuery'
 import PersonSetting from './common/PersonSetting'
 import XFormTable from './common/XFormTable'
+import XStepView from './common/XStepView'
 import Tree from './common/Tree'
 
 export default {
@@ -41,5 +42,6 @@ export default {
   CreateSimpleFormQuery,
   XFormTable,
   PersonSetting,
-  Tree
+  Tree,
+  XStepView
 }

package/src/react-client/amis-react-starter/.prettierrc

@@ -1,12 +0,0 @@
-{
-  "printWidth": 80,
-  "tabWidth": 2,
-  "useTabs": false,
-  "singleQuote": true,
-  "semi": true,
-  "trailingComma": "none",
-  "bracketSpacing": false,
-  "quoteProps": "consistent",
-  "arrowParens": "avoid",
-  "jsxBracketSameLine": false
-}

package/src/react-client/amis-react-starter/LICENSE

@@ -1,201 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.

package/src/react-client/amis-react-starter/README.md

@@ -1,16 +0,0 @@
-# amis React 初始项目
-
-## 使用方法
-
-```
-npm i
-npm run server
-```
-
-要等几十秒
-
-## vite
-
-```
-npm run vite
-```

package/src/react-client/amis-react-starter/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/index.tsx"></script>
-  </body>
-</html>

package/src/react-client/amis-react-starter/package.json

@@ -1,63 +0,0 @@
-{
-  "name": "amis-react-starter",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@fortawesome/fontawesome-free": "^6.1.1",
-    "@types/jest": "^27.0.3",
-    "@types/node": "^16.11.11",
-    "@types/react-dom": "^17.0.14",
-    "amis": "^3.4.3",
-    "amis-ui": "^3.4.3",
-    "axios": "^0.26.1",
-    "copy-to-clipboard": "^3.3.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "typescript": "^4.4.3"
-  },
-  "scripts": {
-    "start": "node server.js",
-    "build": "webpack",
-    "server": "node server.js",
-    "vite": "vite",
-    "vite-build": "vite build"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@vitejs/plugin-react": "^1.1.0",
-    "@vue/compiler-sfc": "^3.0.4",
-    "clean-webpack-plugin": "^4.0.0",
-    "css-loader": "^6.5.1",
-    "express": "^4.17.1",
-    "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.1",
-    "html-webpack-plugin": "^5.5.0",
-    "monaco-editor-webpack-plugin": "^6.0.0",
-    "prettier": "^2.2.1",
-    "style-loader": "^3.3.1",
-    "ts-loader": "^9.2.6",
-    "url-loader": "^4.1.1",
-    "vite": "^2.6.14",
-    "webpack": "^5.46.0",
-    "webpack-cli": "^4.7.2",
-    "webpack-dev-middleware": "^5.2.2",
-    "webpack-dev-server": "^4.6.0"
-  }
-}

package/src/react-client/amis-react-starter/server.js

@@ -1,23 +0,0 @@
-const express = require('express');
-const webpack = require('webpack');
-const webpackDevMiddleware = require('webpack-dev-middleware');
-
-const app = express();
-const config = require('./webpack.config.js');
-const compiler = webpack(config);
-app.use(
-  webpackDevMiddleware(compiler, {
-    publicPath: config.output.publicPath,
-  })
-);
-
-app.post('/api/form', (req, res) => {
-  res.json({
-    status: 0,
-    msg: 'success'
-  })
-})
-
-app.listen(3000, function () {
-  console.log('Example app listening on port 3000!\n');
-});

package/src/react-client/amis-react-starter/snowpack/index.html

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="description" content="Web site created using create-snowpack-app" />
-    <title>Snowpack App</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <script type="module" src="/_dist_/index.js"></script>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/src/react-client/amis-react-starter/snowpack.config.js

@@ -1,30 +0,0 @@
-/** @type {import("snowpack").SnowpackUserConfig } */
-module.exports = {
-  mount: {
-    snowpack: '/',
-    src: '/_dist_'
-  },
-  plugins: [
-    '@snowpack/plugin-react-refresh',
-    '@snowpack/plugin-dotenv',
-    '@snowpack/plugin-typescript'
-  ],
-  install: [
-    /* ... */
-  ],
-  installOptions: {
-    /* ... */
-  },
-  devOptions: {
-    /* ... */
-  },
-  buildOptions: {
-    /* ... */
-  },
-  proxy: {
-    /* ... */
-  },
-  alias: {
-    /* ... */
-  }
-};

package/src/react-client/amis-react-starter/src/AMISComponent.tsx

@@ -1,79 +0,0 @@
-import React from "react";
-import { render as renderAmis } from "amis-core";
-import axios from "axios";
-import copy from "copy-to-clipboard";
-import { toast } from "amis-ui";
-import { Schema } from "amis";
-
-class AMISComponent extends React.Component {
-  schema: {}
-  constructor(props:any) {
-    super(props);
-    this.schema = props || {}; // 传入的Amis配置
-    console.log('props',props)
-  }
-
-  // 在组件内部定义的fetcher函数
-  // @ts-ignore
-  fetcher = ({ url, method, data, responseType, config, headers }): any => {
-    // ...（fetcher的代码，与你的代码相同）
-    config = config || {};
-    config.withCredentials = true;
-    responseType && (config.responseType = responseType);
-
-    if (config.cancelExecutor) {
-      config.cancelToken = new (axios as any).CancelToken(
-        config.cancelExecutor
-      );
-    }
-
-    config.headers = headers || {};
-
-    if (method !== 'post' && method !== 'put' && method !== 'patch') {
-      if (data) {
-        config.params = data;
-      }
-      return (axios as any)[method](url, config);
-    } else if (data && data instanceof FormData) {
-      config.headers = config.headers || {};
-      config.headers['Content-Type'] = 'multipart/form-data';
-    } else if (
-      data &&
-      typeof data !== 'string' &&
-      !(data instanceof Blob) &&
-      !(data instanceof ArrayBuffer)
-    ) {
-      data = JSON.stringify(data);
-      config.headers = config.headers || {};
-      config.headers['Content-Type'] = 'application/json';
-    }
-
-    return (axios as any)[method](url, data, config);
-  };
-
-  // 在组件内部定义的isCancel函数
-  isCancel = (value: any) => {
-    return axios.isCancel(value);
-  };
-
-  // 在组件内部定义的copy函数
-  copyToClipboard = (content: string) => {
-    copy(content);
-    toast.success('内容已复制到粘贴板');
-  };
-
-  // 渲染函数
-  render() {
-
-    const amisEnv = {
-      fetcher: this.fetcher,
-      isCancel: this.isCancel,
-      copy: this.copyToClipboard,
-    };
-    console.log('this.schema',this.schema)
-    // @ts-ignore
-    return renderAmis(this.schema, {}, amisEnv);
-  }
-}
-
-export default AMISComponent;

package/src/react-client/amis-react-starter/src/App.tsx

@@ -1,154 +0,0 @@
-import React from 'react';
-
-import '@fortawesome/fontawesome-free/css/all.css';
-import '@fortawesome/fontawesome-free/css/v4-shims.css';
-
-import 'amis/lib/themes/cxd.css';
-import 'amis/lib/helper.css';
-import 'amis/sdk/iconfont.css';
-
-import axios from 'axios';
-import copy from 'copy-to-clipboard';
-
-import {render as renderAmis, ToastComponent, AlertComponent} from 'amis';
-import {alert, confirm, toast} from 'amis-ui';
-
-// amis 环境配置
-const env = {
-  // 下面三个接口必须实现
-  fetcher: ({
-    url, // 接口地址
-    method, // 请求方法 get、post、put、delete
-    data, // 请求数据
-    responseType,
-    config, // 其他配置
-    headers // 请求头
-  }: any) => {
-    config = config || {};
-    config.withCredentials = true;
-    responseType && (config.responseType = responseType);
-
-    if (config.cancelExecutor) {
-      config.cancelToken = new (axios as any).CancelToken(
-        config.cancelExecutor
-      );
-    }
-
-    config.headers = headers || {};
-
-    if (method !== 'post' && method !== 'put' && method !== 'patch') {
-      if (data) {
-        config.params = data;
-      }
-      return (axios as any)[method](url, config);
-    } else if (data && data instanceof FormData) {
-      config.headers = config.headers || {};
-      config.headers['Content-Type'] = 'multipart/form-data';
-    } else if (
-      data &&
-      typeof data !== 'string' &&
-      !(data instanceof Blob) &&
-      !(data instanceof ArrayBuffer)
-    ) {
-      data = JSON.stringify(data);
-      config.headers = config.headers || {};
-      config.headers['Content-Type'] = 'application/json';
-    }
-
-    return (axios as any)[method](url, data, config);
-  },
-  isCancel: (value: any) => (axios as any).isCancel(value),
-  copy: (content: string) => {
-    copy(content);
-    toast.success('内容已复制到粘贴板');
-  }
-
-  // 后面这些接口可以不用实现
-
-  // 默认是地址跳转
-  // jumpTo: (
-  //   location: string /*目标地址*/,
-  //   action: any /* action对象*/
-  // ) => {
-  //   // 用来实现页面跳转, actionType:link、url 都会进来。
-  // },
-
-  // updateLocation: (
-  //   location: string /*目标地址*/,
-  //   replace: boolean /*是replace，还是push？*/
-  // ) => {
-  //   // 地址替换，跟 jumpTo 类似
-  // },
-
-  // isCurrentUrl: (
-  //   url: string /*url地址*/,
-  // ) => {
-  //   // 用来判断是否目标地址当前地址
-  // },
-
-  // notify: (
-  //   type: 'error' | 'success' /**/,
-  //   msg: string /*提示内容*/
-  // ) => {
-  //   toast[type]
-  //     ? toast[type](msg, type === 'error' ? '系统错误' : '系统消息')
-  //     : console.warn('[Notify]', type, msg);
-  // },
-  // alert,
-  // confirm,
-};
-
-class AMISComponent extends React.Component<any, any> {
-  render() {
-    return renderAmis(
-      // 这里是 amis 的 Json 配置。
-      {
-        type: 'page',
-        body: {
-          type: 'form',
-          api: '/api/form',
-          body: [
-            {
-              type: 'input-text',
-              name: 'name',
-              label: '姓名'
-            },
-            {
-              name: 'email',
-              type: 'input-email',
-              label: '邮箱'
-            },
-            {
-              name: 'color',
-              type: 'input-color',
-              label: 'color'
-            },
-            {
-              type: 'editor',
-              name: 'editor',
-              label: '编辑器'
-            }
-          ]
-        }
-      },
-      {
-        // props...
-      },
-      env
-    );
-  }
-}
-
-class APP extends React.Component<any, any> {
-  render() {
-    return (
-      <>
-        <ToastComponent key="toast" position={'top-right'} />
-        <AlertComponent key="alert" />
-        <AMISComponent />
-      </>
-    );
-  }
-}
-
-export default APP;

package/src/react-client/amis-react-starter/src/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <title>amis starter</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-  </body>
-</html>

package/src/react-client/amis-react-starter/src/index.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import APP from './App';
-import AMISComponent from './AMISComponent'
-
-export {APP}
-export {AMISComponent}

package/src/react-client/amis-react-starter/src/react-app-env.d.ts

@@ -1,74 +0,0 @@
-
-/// <reference types="react" />
-/// <reference types="react-dom" />
-
-declare namespace NodeJS {
-  interface Process{
-    env: ProcessEnv
-  }
-  interface ProcessEnv {
-    /**
-     * By default, there are two modes in Vite:
-     * 
-     * * `development` is used by vite and vite serve
-     * * `production` is used by vite build
-     * 
-     * You can overwrite the default mode used for a command by passing the --mode option flag.
-     * 
-     */
-    readonly NODE_ENV: 'development' | 'production'
-  }
-}
-
-declare var process: NodeJS.Process
-
-declare module '*.gif' {
-  const src: string
-  export default src
-}
-
-declare module '*.jpg' {
-  const src: string
-  export default src
-}
-
-declare module '*.jpeg' {
-  const src: string
-  export default src
-}
-
-declare module '*.png' {
-  const src: string
-  export default src
-}
-
-declare module '*.webp' {
-    const src: string
-    export default src
-}
-
-declare module '*.svg' {
-  import * as React from 'react'
-
-  export const ReactComponent: React.FunctionComponent<React.SVGProps<
-    SVGSVGElement
-  > & { title?: string }>
-
-  const src: string;
-  export default src
-}
-
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}
-
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}
-
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string }
-  export default classes
-}

package/src/react-client/amis-react-starter/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es6",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react"
-  },
-  "include": ["src"]
-}

package/src/react-client/amis-react-starter/vite.config.ts

@@ -1,7 +0,0 @@
-import {defineConfig} from 'vite';
-import react from '@vitejs/plugin-react';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()]
-});

package/src/react-client/amis-react-starter/webpack.config.js

@@ -1,76 +0,0 @@
-const path = require('path');
-const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const {CleanWebpackPlugin} = require('clean-webpack-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-
-module.exports = {
-  mode: 'development',
-  entry: {
-    index: [
-      './src/index.tsx',
-    ],
-  },
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'MyReactApp.js',
-    library: 'MyReactApp', // 被其他项目 引用时的名字
-    libraryTarget: 'umd',
-    umdNamedDefine: true
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: [
-          {
-            loader: 'ts-loader',
-            options: {
-              transpileOnly: true
-            }
-          }
-        ],
-        exclude: /node_modules/
-      },
-      {
-        test: /\.woff2?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
-        use: 'url-loader?limit=10000'
-      },
-      {
-        test: /\.(ttf|eot|svg)(\?[\s\S]+)?$/,
-        use: 'file-loader'
-      },
-      {
-        test: /\.css$/,
-        use: ['style-loader', 'css-loader']
-      },
-      {
-        test: /\.ttf$/,
-        use: ['file-loader']
-      }
-    ]
-  },
-  plugins: [
-    new CleanWebpackPlugin({cleanStaleWebpackAssets: false}),
-    new HtmlWebpackPlugin({
-      template: 'src/index.html'
-    }),
-    new MonacoWebpackPlugin(),
-    new ForkTsCheckerWebpackPlugin()
-  ],
-  resolve: {
-    extensions: ['.tsx', '.ts', '.js', '.html'],
-    modules: [path.resolve(__dirname, 'src'), 'node_modules'],
-  },
-  devtool: 'inline-source-map',
-  devServer: {
-    contentBase: path.join(__dirname, 'dist'),
-    publicPath: path.join(__dirname, 'dist'),
-    compress: true,
-    port: 9000,
-    hot: true,
-    proxy: {
-      '/api': 'http://localhost:3000'
-    }
-  }
-};