the first

.eslintignore

@@ -0,0 +1,4 @@
+dist/*.js
+src/assets/*
+src/lib/*
+webpack.config.js

.eslintrc.js

@@ -0,0 +1,291 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: ['plugin:@typescript-eslint/recommended'],
+  rules:{
+    "indent": "off",
+    "quotes": [1, "single"],
+    "space-infix-ops": 2,//操作符前后有空格
+    // 必须使用 === 和 !== ，和 null 对比时除外
+    'eqeqeq': [2, 'always', { 'null': 'ignore' }],
+    // 函数的形参不能多于5个
+    'max-params': [2, 5],
+    // 禁止 switch 中出现相同的 case
+    'no-duplicate-case': 2,
+    // 禁止使用 var，必须用 let 或 const
+    'no-var': 0,
+    // 禁止出现空代码块
+    'no-empty': [2, { 'allowEmptyCatch': true }],
+    // 禁止空的 function
+    // 包含注释的情况下允许
+    'no-empty-function': 0,
+    // if 后必须包含 { ，单行 if 除外
+    'curly': [2, 'multi-line', 'consistent'],
+    // for 循环不得因方向错误造成死循环
+    'for-direction': 2,
+    // 关键字前后必须有空格
+    'keyword-spacing': 2,
+    // 最大块嵌套深度为 5 层
+    'max-depth': [2, 5],
+    // 最大回调深度为 3 层
+    'max-nested-callbacks': [2, 3],
+    // 禁止普通字符串中出现模板字符串语法
+    'no-template-curly-in-string': 2,
+    // 禁止连等赋值
+    'no-multi-assign': 2,
+    // 禁止使用连续的空格
+    'no-multi-spaces': 2,
+    // 禁止使用 \ 来定义多行字符串，统一使用模板字符串来做
+    'no-multi-str': 2,
+    // 禁止使用 new Object
+    'no-new-object': 2,
+
+    // 禁止使用 new require
+    'no-new-require': 2,
+
+    // 禁止使用 new Symbol
+    'no-new-symbol': 2,
+    // 禁止 new Boolean、Number 或 String
+    'no-new-wrappers': 2,
+    // 禁止 new 一个类而不存储该实例
+    'no-new': 2,
+    // 禁止把原生对象 Math、JSON、Reflect 当函数使用
+    'no-obj-calls': 2,
+    // 禁止使用八进制转义符
+    'no-octal-escape': 2,
+    // 禁止使用0开头的数字表示八进制
+    'no-octal': 2,
+    // 禁止使用 __dirname + 'file' 的形式拼接路径，应该使用 path.join 或 path.resolve 来代替
+    'no-path-concat': 2,
+    // 禁止对函数的参数重新赋值
+    'no-param-reassign': 2,
+    // 禁止使用保留字作为变量名
+    'no-shadow-restricted-names': 2,
+    // 禁止数组中出现连续逗号
+    'no-sparse-arrays': 2,
+    // 禁止在finally块中出现 return、throw、break、continue
+    'no-unsafe-finally': 2,
+    // 禁止出现不安全的否定，如 for (!key in obj} {}，应该写为 for (!(key in obj)} {}
+    'no-unsafe-negation': 2,
+    // ...后面不允许有空格
+    'rest-spread-spacing': [2, 'never'],
+    // 注释的斜线和星号后要加空格
+    'spaced-comment': [2, 'always', {
+      'block': {
+          exceptions: ['*'],
+          balanced: true
+      }
+    }],
+    // typeof 判断条件只能是 "undefined", "object", "boolean", "number", "string", "function" 或 "symbol"
+    'valid-typeof': 2,
+    "@typescript-eslint/indent": ["error", 2],
+    "@typescript-eslint/explicit-function-return-type": ["warn", {
+      allowExpressions: true
+    }],
+    "@typescript-eslint/no-explicit-any": ["off"],
+    // 声明
+    "prefer-const": "error", //如果一个变量不会被重新赋值，最好使用const进行声明
+    "no-const-assign": "error", //不允许改变用const声明的变量
+    "no-var": "error", //用let/const代替var
+    // 对象
+    "no-dupe-keys": "error", // 禁止在对象字面量中出现重复的键
+    "no-prototype-builtins": "error", // 禁止直接使用 Object.prototypes 的内置属性
+    "no-extend-native": "error", // 禁止扩展原生对象
+    "no-new-object": "error", // 禁止使用 Object 构造函数
+    "object-shorthand": [
+        "error",
+        "always"
+    ], //要求对象字面量简写语法
+    "quote-props": [
+        "error",
+        "as-needed"
+    ], // 对象属性只在需要的时候加引号
+    // 数组
+    "no-sparse-arrays": "error", // 禁用稀疏数组
+    "no-array-constructor": "error", //禁止使用 Array 构造函数
+    "array-callback-return": "error", // 数组回调函数内必须返回一个状态
+    // 字符串
+    "quotes": [
+        "error",
+        "single",
+        {
+            "allowTemplateLiterals": true
+        }
+    ], // 字符串开头和结束使用单引号
+    "prefer-template": "error", // 使用模板而非字符串连接
+    "template-curly-spacing": [
+        "error",
+        "never"
+    ], // 强制模板字符串中花括号内不能出现空格
+    "no-path-concat": "error", // 当使用 _dirname 和 _filename 时不允许字符串拼接
+    "no-useless-concat": "error", // 禁止没有必要的字符拼接
+    "no-useless-escape": "error", // 禁用不必要的转义
+    // 函数
+    "no-dupe-args": "error", // 禁止在 function 定义中出现重复的参数
+    "no-new-func": "error", // 禁用Function构造函数
+    "no-return-assign": "error", // 禁止在返回语句中赋值
+    "func-style": [
+        "error",
+        "declaration",
+        {
+            "allowArrowFunctions": true
+        }
+    ], // 统一函数风格为函数表达式或函数声明，并且允许使用箭头函数
+    "newline-before-return": "error", // 要求 return 语句之前有一空行
+    "wrap-iife": [
+        "error",
+        "outside"
+    ], // 立即执行函数外部必须包裹括号
+    "no-loop-func": "error", // 禁止在非function内声明function
+    // "space-before-function-paren": "error", // 函数括号前必须要有空格
+    "no-param-reassign": "error", // 禁止修改函数参数
+    "prefer-spread": "error", // 使用解构形式代替.apply()
+    // 箭头函数
+    "prefer-arrow-callback": "error", // 回调使用箭头函数
+    "arrow-spacing": "error", // 箭头前后要有空格
+    "arrow-parens": [
+        "error",
+        "as-needed"
+    ], // 参数使用括号包裹
+    "arrow-body-style": [
+        "error",
+        "as-needed",
+        {
+            "requireReturnForObjectLiteral": true
+        }
+    ], // 函数体在必要的时候使用大括号
+    // 类 & 构造器
+    "no-useless-constructor": "error", // 禁止没必要的构造器
+    "no-dupe-class-members": "error", // 禁止重复创建类成员
+    // 模块
+    "no-duplicate-imports": "error", // 禁止从一个模块多次import
+    // 迭代器 & 生成器
+    "no-iterator": "error", // 禁止使用Iterator属性
+    "no-restricted-syntax": "error", // 使用对应的数组/对象方法去迭代操作成员
+    "generator-star-spacing": "error", // ＊前后不要都有空格
+    // 属性
+    "dot-notation": "error", //强制在任何允许的时候使用点号访问属性
+    // 变量
+    // "one-var": ["error", "never"], // 变量统一声明
+    // 比较运算符 & 相等运算符
+    "eqeqeq": "error", // 使用 === 和 !== 代替 == 和 !=
+    "no-case-declarations": "error", // 禁止在 case 或 default 子句中出现变量声明
+    "no-nested-ternary": "error", // 禁止混合的三目运算符
+    "no-unneeded-ternary": "error", //禁止可以在有更简单的可替代的表达式时使用三元操作符
+    // 条件
+    "no-cond-assign": "error", // 禁止在条件语句中出现赋值操作符
+    "no-constant-condition": "error", //禁止在条件中使用常量表达式
+    "no-duplicate-case": "error", // 禁止在 switch 语句中的 case 子句中出现重复的测试表达式
+    "default-case": "error", // 要求 Switch 语句中有 Default 分支
+    "no-else-return": "error", // 如果 if 块中包含了一个 return 语句，else 块就成了多余的了。可以将其内容移至块外
+    "no-fallthrough": "error", // 禁止 case 语句落空
+    // 代码块
+    "brace-style": "error", // 代码块左括号紧跟上一行结束
+    "curly": [
+        "error",
+        "multi-line"
+    ], // if、else if、else、for、while强制使用大括号，但允许在单行中省略大括号
+    "no-empty": [
+        "error",
+        {
+            "allowEmptyCatch": true
+        }
+    ], // 禁止空块语句,但允许出现空的 catch 子句
+    // 注释
+    "spaced-comment": "error", // 注释前有空格
+    "lines-around-comment": "error", // 块级注释前要有空行
+    "no-mixed-spaces-and-tabs": "error", // 禁止使用 空格 和 tab 混合缩进
+    "space-before-blocks": [
+        "error",
+        "always"
+    ], // 语句块之前的需要有空格
+    "keyword-spacing": "error", // 关键字后面必须要有空格
+    "space-infix-ops": [
+        "error",
+        {
+            "int32Hint": false
+        }
+    ], // 要求中缀操作符周围有空格,设置 int32Hint 选项为 true (默认 false) 允许 a|0 不带空格
+    "eol-last": "error", // 要求文件末尾保留一行空行
+    "newline-per-chained-call": "error", // 要求方法链中每个调用都有一个换行符
+    "padded-blocks": [
+        "error",
+        "never"
+    ], // 代码块开始和结束位置不可以有多余的空行
+    "space-in-parens": [
+        "error",
+        "never"
+    ], // 禁止圆括号内的空格
+    "array-bracket-spacing": [
+        "error",
+        "never"
+    ], // 数组紧贴括号部分不允许包含空格
+    "object-curly-spacing": [
+        "error",
+        "never"
+    ], // 对象紧贴花括号部分不允许包含空格
+    "no-regex-spaces": "error", // 禁止正则表达式字面量中出现多个空格
+    "no-multi-spaces": "error", // 禁止出现多个空格而且不是用来作缩进的
+    "block-spacing": [
+        "error",
+        "never"
+    ], // 单行代码块中紧贴括号部分不允许包含空格
+    "computed-property-spacing": [
+        "error",
+        "never"
+    ], // 禁止括号和其内部值之间的空格
+    "no-trailing-spaces": [
+        "error",
+        {
+            "skipBlankLines": true
+        }
+    ], // 禁用行尾空格
+    "no-spaced-func": "error", // 禁止函数调用时，与圆括号之间有空格
+    "space-unary-ops": "error", // 要求或禁止在一元操作符之前或之后存在空格,new、delete、typeof、void、yield要求有空格，-、+、--、++、!、!!要求无空格
+    "yield-star-spacing": [
+        "error",
+        {
+            "before": true,
+            "after": false
+        }
+    ], // 强制 yield* 表达式中  * 号前有空格，后无空格
+    // 逗号
+    "comma-style": "error", // 逗号必须放在行末
+    "comma-dangle": [
+        "error",
+        "always-multiline"
+    ], // 多行对象字面量中要求拖尾逗号
+    "comma-spacing": [
+        "error",
+        {
+            "before": false,
+            "after": true
+        }
+    ], //在变量声明、数组字面量、对象字面量、函数参数 和 序列中禁止在逗号前使用空格,要求在逗号后使用一个或多个空格
+    // 分号
+    "semi": "error", //不得省略语句结束的分号
+    "semi-spacing": [
+        "error",
+        {
+            "before": false,
+            "after": true
+        }
+    ], //禁止分号周围的空格
+    "no-extra-semi": "error", // 禁用不必要的分号
+    // 类型转换
+    "radix": "error", // 在parseInt()中始终使用基数以消除意想不到的后果
+    "no-extra-boolean-cast": "error", // 禁止不必要的布尔类型转换
+    // 其他最佳实践或规范
+    "strict": "error", // 使用强制模式开关use strict;
+    "no-extra-parens": "error", // 禁止冗余的括号
+    // "@typescript-eslint/no-extra-parens": ["error"],
+    "no-eval": "error", // 禁用 eval()
+    "no-with": "error", // 禁用 with 语句
+    "no-unexpected-multiline": "error", // 禁止使用令人困惑的多行表达式
+    "no-unreachable": "error", // 禁止在 return、throw、continue 和 break 语句后出现不可达代码
+    "no-unsafe-finally": "error", // 禁止在 finally 语句块中出现控制流语句
+    "valid-typeof": "error", // 强制 typeof 表达式与有效的字符串进行比较
+    "no-new-wrappers": "error", // 禁止通过 new 操作符使用 String、Number 和 Boolean
+    "handle-callback-err": "error" // 强制回调错误处理
+  }
+}

.gitattributes

@@ -0,0 +1,7 @@
+* text=auto !eol
+designer_scripts/designer_scripts.iml -text
+designer_scripts/src/readme.md -text
+designer_scripts/src/scripts/store/web/index.html -text
+designer_scripts/src/scripts/store/web/js/bridge.js -text
+designer_scripts/src/scripts/store/web/js/lib/jquery-2.2.2.min.js -text
+designer_scripts/src/scripts/store/web/js/store.js -text

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+yarn.lock
+dist

README.md

@@ -0,0 +1,17 @@
+# database-connection 数据连接设置页面
+## 开始
+下载代码
+
+```
+git clone ssh://git@cloud.finedevelop.com:7999/~alan/database-connection.git
+```
+安装依赖
+
+```
+yarn
+```
+
+开始开发
+```
+yarn start
+```

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "database-connection",
+  "version": "1.0.0",
+  "description": "数据连接设置页面",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack-dev-server --mode development --open",
+    "build": "webpack --mode production"
+  },
+  "author": "alan",
+  "license": "ISC",
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^1.6.0",
+    "@typescript-eslint/parser": "^1.6.0",
+    "copy-webpack-plugin": "^5.0.2",
+    "css-loader": "^2.1.1",
+    "eslint": "^5.16.0",
+    "file-loader": "^3.0.1",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.6.0",
+    "node-sass": "^4.11.0",
+    "path": "^0.12.7",
+    "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
+    "ts-loader": "^5.3.3",
+    "typescript": "^3.4.1",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.3.0",
+    "webpack-dev-server": "^3.2.1",
+    "webpack-stream": "^5.2.1"
+  }
+}

src/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>数据库连接设置</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" type="text/css" href="./lib/bundle.min.css" />
+  <script type="text/javascript" charset="UTF-8" src="./lib/bundle.min.js"></script>
+</head>
+<body>
+</body>
+</html>

src/index.ts

@@ -0,0 +1,9 @@
+BI.createWidget({
+  type:'bi.vertical',
+  element: 'body',
+  items:[{
+    type: 'bi.label',
+    value: 'Hello world',
+    textAlign: 'left',
+  }],
+});

tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+      "outDir": "./dist/",
+      "sourceMap": true,
+      "noImplicitAny": true,
+      "target": "es2017",
+      "module": "es2015",
+      "lib": [
+        "es2017",
+        "dom"
+      ],
+  },
+  "include": [
+      "./src/**/*",
+      "types/globals.d.ts"
+  ]
+}

types/globals.d.ts

@@ -0,0 +1,6 @@
+interface Obj {
+    [key: string]: any;
+}
+
+declare let BI: Obj;
+declare const Fix: Obj;

webpack.config.js

@@ -0,0 +1,68 @@
+const path = require('path');
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CopyPlugin = require('copy-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = env => {
+  const htmlWebpackPlugin = new HtmlWebpackPlugin({
+    template: path.join(__dirname, `src/index.html`),
+    filename: "./index.html"
+   });
+
+  return{
+    mode: "development",
+    entry: path.join(__dirname, `src/index.ts`),
+    devtool: "none",
+    output: {
+      path: __dirname + '/dist',
+      filename: `index.js`,
+      publicPath: ''
+    },
+    resolve: {
+      extensions: [ '.ts', '.js' ]
+    },
+    plugins: [htmlWebpackPlugin, new MiniCssExtractPlugin({filename: `style.css`}), new CopyPlugin([
+      { from: 'src/lib', to: 'lib' }
+    ])], 
+    module: {
+      rules: [
+        {
+          test:/\.css$/,
+          exclude: /node_modules/,
+          loader: ['style-loader','css-loader'],
+        },
+        {
+          test:/\.scss$/,
+          exclude: /node_modules/,
+          use: [
+            {
+              loader: MiniCssExtractPlugin.loader,
+              options: {
+                publicPath: './',
+                hmr: process.env.NODE_ENV === 'development',
+              },
+            },
+            'css-loader','sass-loader'
+          ]
+        },{
+          test:/(\.png|\.gif|\.svg)$/,
+          exclude: /node_modules/,
+          use:[{
+            loader: 'file-loader',
+            options: {
+              name:'img/[name].[ext]'
+            },
+          }]
+        },
+        {
+          test: /\.ts$/,
+          exclude: /node_modules/,
+          loader: 'ts-loader'
+        }
+      ]
+    },
+     devServer: {
+       port: 3003
+     }
+  };
+}