eoss-ui 0.3.97

package/package.json

@@ -0,0 +1,151 @@
+{
+  "name": "eoss-ui",
+  "version": "0.3.97",
+  "description": "eoss内部业务组件",
+  "main": "lib/eoss-ui.common.js",
+  "files": [
+    "lib",
+    "src",
+    "packages",
+    "types"
+  ],
+  "scripts": {
+    "bootstrap": "yarn || npm i",
+    "build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js",
+    "build:theme": "node build/bin/gen-cssfile && gulp build --gulpfile packages/theme-chalk/gulpfile.js && cp-cli packages/theme-chalk/lib lib/theme-chalk",
+    "build:utils": "cross-env BABEL_ENV=utils babel src --out-dir lib --ignore src/index.js",
+    "clean": "rimraf lib && rimraf packages/*/lib && rimraf test/**/coverage",
+    "deploy:build": "npm run build:file && cross-env NODE_ENV=production webpack --config build/webpack.demo.js",
+    "deploy:extension": "cross-env NODE_ENV=production webpack --config build/webpack.extension.js",
+    "dev:extension": "rimraf examples/extension/dist && cross-env NODE_ENV=development webpack --watch --config build/webpack.extension.js",
+    "dev": "npm run bootstrap && npm run build:file && cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js & node build/bin/template.js",
+    "dev:play": "npm run build:file && cross-env NODE_ENV=development PLAY_ENV=true webpack-dev-server --config build/webpack.demo.js",
+    "dist": "npm run clean && npm run build:file && npm run lint && webpack --config build/webpack.conf.js && webpack --config build/webpack.common.js && webpack --config build/webpack.component.js && npm run build:utils && npm run build:theme",
+    "lint": "eslint src/**/* test/**/* packages/**/* build/**/* --quiet",
+    "pub": "npm run bootstrap && sh build/git-release.sh && sh build/release.sh && node build/bin/gen-indices.js && sh build/deploy-faas.sh",
+    "test": "npm run lint && npm run build:theme && cross-env CI_ENV=/dev/ BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
+    "test:watch": "npm run build:theme && cross-env BABEL_ENV=test karma start test/unit/karma.conf.js"
+  },
+  "faas": [
+    {
+      "domain": "eoss",
+      "public": "temp_web/eoss"
+    },
+    {
+      "domain": "eoss-theme",
+      "public": "examples/eoss-ui",
+      "build": [
+        "yarn",
+        "npm run deploy:build"
+      ]
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@http://git.wisesoft.net.cn/SGE/eoss-ui.git"
+  },
+  "keywords": [
+    "eoss",
+    "vue",
+    "components"
+  ],
+  "license": "MIT",
+  "unpkg": "lib/index.js",
+  "style": "lib/theme-chalk/index.css",
+  "dependencies": {
+    "axios": "^0.27.2",
+    "json-bigint": "^1.0.0",
+    "net": "^1.0.2",
+    "qrcode": "^1.5.1",
+    "qs": "^6.11.2",
+    "runtime-import": "^2.2.1",
+    "sm-crypto": "^0.3.11",
+    "sockjs-client": "^1.6.1",
+    "stompjs": "^2.3.3",
+    "video.js": "^8.0.4",
+    "wujie-vue2": "^1.0.18"
+  },
+  "peerDependencies": {
+    "vue": "^2.5.22"
+  },
+  "devDependencies": {
+    "@vue/component-compiler-utils": "^2.6.0",
+    "algoliasearch": "^3.24.5",
+    "babel-cli": "^6.26.0",
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.5",
+    "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-plugin-istanbul": "^4.1.1",
+    "babel-plugin-module-resolver": "^2.2.0",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-remove-strict-mode": "^0.0.2",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-stage-2": "^6.24.1",
+    "babel-regenerator-runtime": "^6.5.0",
+    "chai": "^4.2.0",
+    "chokidar": "^1.7.0",
+    "copy-webpack-plugin": "^5.0.0",
+    "coveralls": "^3.0.3",
+    "cp-cli": "^1.0.2",
+    "cross-env": "^3.1.3",
+    "css-loader": "^2.1.0",
+    "eoss-element": "^0.2.36",
+    "es6-promise": "^4.0.5",
+    "eslint": "4.18.2",
+    "eslint-config-elemefe": "0.1.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-loader": "^2.0.0",
+    "eslint-plugin-html": "^4.0.1",
+    "eslint-plugin-json": "^1.2.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^7.14.0",
+    "file-loader": "^1.1.11",
+    "file-save": "^0.2.0",
+    "gulp": "^4.0.0",
+    "gulp-autoprefixer": "^6.0.0",
+    "gulp-cssmin": "^0.2.0",
+    "gulp-sass": "^4.0.2",
+    "highlight.js": "^9.3.0",
+    "html-webpack-plugin": "^3.2.0",
+    "json-loader": "^0.5.7",
+    "json-templater": "^1.0.4",
+    "karma": "^4.0.1",
+    "karma-chrome-launcher": "^2.2.0",
+    "karma-coverage": "^1.1.2",
+    "karma-mocha": "^1.3.0",
+    "karma-sinon-chai": "^2.0.2",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-spec-reporter": "^0.0.32",
+    "karma-webpack": "^3.0.5",
+    "markdown-it": "^8.4.1",
+    "markdown-it-anchor": "^5.0.2",
+    "markdown-it-chain": "^1.3.0",
+    "markdown-it-container": "^2.0.0",
+    "mini-css-extract-plugin": "^0.4.1",
+    "mocha": "^6.0.2",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "postcss": "^7.0.14",
+    "progress-bar-webpack-plugin": "^1.11.0",
+    "rimraf": "^2.5.4",
+    "sass-loader": "^7.1.0",
+    "select-version-cli": "^0.0.2",
+    "sinon": "^7.2.7",
+    "sinon-chai": "^3.3.0",
+    "style-loader": "^0.23.1",
+    "transliteration": "^1.1.11",
+    "uglifyjs-webpack-plugin": "1",
+    "uppercamelcase": "^1.1.0",
+    "url-loader": "^1.0.1",
+    "vue": "2.5.22",
+    "vue-loader": "15.10.2",
+    "vue-router": "^3.6.4",
+    "vue-template-compiler": "2.5.22",
+    "vue-template-es2015-compiler": "^1.6.0",
+    "webpack": "^4.14.0",
+    "webpack-cli": "^3.0.8",
+    "webpack-dev-server": "^3.1.11",
+    "webpack-node-externals": "^1.7.2"
+  }
+}

package/packages/button/index.js

@@ -0,0 +1,5 @@
+import EsButton from './src/main';
+
+EsButton.install = Vue => Vue.component(EsButton.name, EsButton);
+
+export default EsButton;

package/packages/button/src/main.vue

@@ -0,0 +1,264 @@
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsButton',
+  inject: {
+    esSelect: {
+      default: ''
+    },
+    esForm: {
+      default: ''
+    },
+    esTable: {
+      default: ''
+    },
+    btnGroup: {
+      default: ''
+    }
+  },
+  props: {
+    icon: String,
+    link: String,
+    hide: Boolean,
+    param: Object,
+    type: String,
+    size: String,
+    open: Boolean,
+    reload: Boolean,
+    name: {
+      type: String,
+      default: ''
+    },
+    specs: [Boolean, String],
+    required: [String, Array, Object],
+    fields: [String, Array, Object],
+    message: [Object, Boolean],
+    alert: [Object, Boolean],
+    mapFields: Object,
+    useCaseCode: String
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    handleClick(evt) {
+      if (this.open && this.link) {
+        let windows;
+        let fields = [];
+        let param = {};
+        evt.stopPropagation();
+        evt.preventDefault();
+        let width = util.win.top.screen.availWidth - 10;
+        let height = util.win.top.screen.availHeight - 60;
+        if (this.esForm) {
+          let params = util.getParams({ url: this.link });
+          let modal = this.esForm.models;
+          let models = util.extend({}, params || {}, modal);
+          let flag = true;
+          if (this.required) {
+            if (Array.isArray(this.required)) {
+              this.esForm.validateField(this.required, res => {
+                if (res) {
+                  flag = false;
+                }
+              });
+              if (flag) {
+                fields = this.required;
+                this.required.forEach(item => {
+                  param[item] = models[item];
+                });
+              }
+            } else if (typeof this.required === 'object') {
+              for (let i in this.required) {
+                fields.push(this.required[i]);
+                param[i] = models[this.required[i]];
+              }
+              this.esForm.validateField(fields, res => {
+                if (res) {
+                  flag = false;
+                }
+              });
+            } else {
+              this.esForm.validateField(this.required, res => {
+                if (res) {
+                  flag = false;
+                }
+              });
+              if (flag) {
+                fields = this.required;
+                if (
+                  models[this.required] == null ||
+                  models[this.required] == undefined ||
+                  models[this.required] == ''
+                ) {
+                  param[this.required] = models[this.required];
+                }
+              }
+            }
+          }
+          if (this.fields) {
+            let empty = [];
+            if (Array.isArray(this.fields)) {
+              this.fields.forEach(item => {
+                if (models[item] == undefined || models[item] == '') {
+                  empty.push(item);
+                }
+                param[item] = models[item];
+              });
+            } else if (typeof this.fields === 'object') {
+              for (let i in this.fields) {
+                if (
+                  models[this.fields[i]] == undefined ||
+                  models[this.fields[i]] == ''
+                ) {
+                  empty.push(this.fields[i]);
+                }
+                param[i] = models[this.fields[i]];
+              }
+            } else {
+              if (
+                models[this.fields] == undefined ||
+                models[this.fields] == ''
+              ) {
+                empty.push(this.fields);
+              }
+              param[this.fields] = models[this.fields];
+            }
+            if (empty.length) {
+              let msg = [];
+              if (this.mapFields) {
+                empty.forEach(item => {
+                  msg.push(this.mapFields[item]);
+                });
+              } else {
+                msg = empty;
+              }
+              if (this.message) {
+                flag = false;
+                if (typeof this.message == 'boolean') {
+                  this.$message.error(msg.join(',') + '不能为空！');
+                } else {
+                  let message =
+                    msg.join(',') + (this.message.message || '不能为空！');
+                  this.$message({
+                    type: 'error',
+                    ...this.message,
+                    message: message
+                  });
+                }
+              }
+              if (this.alert) {
+                flag = false;
+                if (typeof this.alert == 'boolean') {
+                  this.$alert(msg.join(',') + '不能为空！', '提示', {
+                    type: 'error',
+                    confirmButtonText: '确定'
+                  }).catch();
+                } else {
+                  let message =
+                    msg.join(',') + (this.alert.message || '不能为空！');
+                  this.$alert(
+                    message,
+                    this.alert.titl || '提示',
+                    this.alert.config || {
+                      type: 'error',
+                      confirmButtonText: '确定'
+                    }
+                  ).catch();
+                }
+              }
+            }
+          }
+          if (flag) {
+            if (this.specs) {
+              if (typeof this.specs === 'boolean') {
+                windows = util.win.top.open(
+                  util.urlJoinParams({ url: this.link, param: param }),
+                  this.name,
+                  `width=${width}px,height=${height}px,resizable=yes,status=yes,menubar=no,scrollbars=yes`
+                );
+              } else {
+                windows = util.win.top.open(
+                  util.urlJoinParams({ url: this.link, param: param }),
+                  this.name,
+                  this.specs
+                );
+              }
+            } else {
+              windows = util.win.top.open(
+                util.urlJoinParams({ url: this.link, param: param })
+              );
+            }
+          }
+        } else {
+          if (this.specs) {
+            if (typeof this.specs === 'boolean') {
+              windows = util.win.top.open(
+                this.link,
+                this.name,
+                `width=${width}px,height=${height}px,resizable=yes,status=yes,menubar=no,scrollbars=yes`
+              );
+            } else {
+              windows = util.win.top.open(this.link, this.name, this.specs);
+            }
+          } else {
+            windows = util.win.top.open(this.link);
+          }
+        }
+        if (windows) {
+          if (this.reload) {
+            let times = setInterval(() => {
+              if (windows.closed) {
+                clearInterval(times);
+                this.esSelect && this.esSelect.reload(param);
+                this.esTable && this.esTable.reload(param);
+              }
+            }, 1000);
+          }
+        }
+      }
+      this.$emit('click', evt);
+    }
+  },
+  render(h) {
+    let useCaseCodes = util.getStorage('useCaseCodes');
+    if (!this.btnGroup && useCaseCodes && this.useCaseCode) {
+      if (useCaseCodes.indexOf(item.useCaseCode) == -1) {
+        return false;
+      }
+    }
+    let tag = 'el-button';
+    let clas = ['es-button'];
+    let props = { type: this.type, size: this.size };
+    let attrs = {};
+    if (this.link && !this.open) {
+      const link = this.param
+        ? util.urlJoinParams({ url: this.link, param: this.param })
+        : this.link;
+      attrs = { href: link };
+      tag = 'a';
+      clas = clas.concat([
+        'el-button',
+        this.type ? `el-button--${this.type}` : 'el-button--default',
+        this.size ? `el-button--${this.size}` : ''
+      ]);
+    }
+    return h(
+      tag,
+      {
+        class: clas,
+        props: { ...this.$attrs, ...props },
+        attrs: attrs,
+        on: { ...this.$listeners, click: this.handleClick },
+        directives: [
+          {
+            name: 'show',
+            value: !this.hide
+          }
+        ]
+      },
+      [this.icon ? h('i', { class: this.icon }) : '', this.$slots.default]
+    );
+  }
+};
+</script>

package/packages/button-group/index.js

@@ -0,0 +1,5 @@
+import EsButtonGroup from './src/main';
+
+EsButtonGroup.install = Vue => Vue.component(EsButtonGroup.name, EsButtonGroup);
+
+export default EsButtonGroup;

package/packages/button-group/src/main.vue

@@ -0,0 +1,130 @@
+<template>
+  <el-button-group class="es-button-group">
+    <template v-for="(item, index) in btns">
+      <es-button
+        v-if="item && !item.hide && index < length"
+        v-bind="item"
+        :key="index"
+        :size="size"
+        :type="item.type"
+        @click="handleClick({ row: data, handle: item })"
+      >
+        {{ item.text }}
+      </es-button>
+      <el-dropdown
+        v-if="other.length > 0 && index == btns.length - 1"
+        @command="handleCommand"
+        :trigger="trigger"
+      >
+        <el-button :size="size">
+          <i class="es-icon-more"></i>
+        </el-button>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item
+            v-for="(item, index) in other"
+            :key="index"
+            :command="item"
+          >
+            <i :class="item.icon" v-if="item.icon"></i
+            >{{ item.text }}</el-dropdown-item
+          >
+        </el-dropdown-menu>
+      </el-dropdown>
+    </template>
+  </el-button-group>
+</template>
+<script>
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsButtonGroup',
+  provide() {
+    return {
+      btnGroup: this
+    };
+  },
+  props: {
+    value: String,
+    data: Object,
+    contents: { type: Array, default: [] },
+    length: {
+      type: Number,
+      default: 3
+    },
+    rules: Function,
+    trigger: {
+      type: String,
+      default: 'click'
+    }
+  },
+  computed: {
+    btns() {
+      return this.getBtns();
+    },
+    other() {
+      return this.btns.length > this.length
+        ? this.btns.splice(this.length - 1, this.btns.length)
+        : [];
+    }
+  },
+  watch: {},
+  data() {
+    return {
+      size: 'mini'
+    };
+  },
+  mounted() {
+    this.resetWidth();
+  },
+  methods: {
+    getBtns() {
+      let useCaseCodes = util.getStorage('useCaseCodes');
+      let arry = this.contents.filter(item => {
+        if (Object.prototype.hasOwnProperty.call(item, 'rules')) {
+          if (useCaseCodes && item.useCaseCode) {
+            return (
+              item.rules(this.data) &&
+              useCaseCodes.indexOf(item.useCaseCode) > -1
+            );
+          }
+          return item.rules(this.data);
+        }
+        if (this.rules !== undefined) {
+          if (useCaseCodes && item.useCaseCode) {
+            return (
+              this.rules(this.data) &&
+              useCaseCodes.indexOf(item.useCaseCode) > -1
+            );
+          }
+          return this.rules(this.data);
+        }
+        if (useCaseCodes && item.useCaseCode) {
+          return useCaseCodes.indexOf(item.useCaseCode) > -1;
+        }
+        return true;
+      });
+      return arry;
+    },
+    handleClick(obj) {
+      this.$emit('handleClick', obj);
+    },
+    handleCommand(res) {
+      this.$emit('handleClick', { row: this.data, handle: res });
+    },
+    resetWidth() {
+      this.$nextTick(() => {
+        let childNodes = this.$el.childNodes;
+        let width = parseInt(this.value, 10);
+        let w = 0;
+        for (let i = 0; i < childNodes.length; i++) {
+          let item = childNodes[i];
+          w += item.clientWidth ? item.clientWidth : 0;
+        }
+        w += 20 + childNodes.length + 10;
+        if (w > width) {
+          this.$emit('input', w + 'px');
+        }
+      });
+    }
+  }
+};
+</script>

package/packages/card/index.js

@@ -0,0 +1,5 @@
+import EsCard from './src/main';
+
+EsCard.install = Vue => Vue.component(EsCard.name, EsCard);
+
+export default EsCard;