@lx-frontend/wrap-element-ui 0.4.1-beta → 0.4.1

package/README.md

@@ -1,54 +1,54 @@
-
-# 快速上手
-
-----
-
-## 标准开发
-
-实际项目中，往往会使用 `webpack`，`rollup` 或者 `gulp` 的工作流，大多可以做到按需加载页面用到的组件，所以不推荐直接使用 `<script>` 标签全局引入的方式使用。
-
-### 全局组件使用
-
-可以在项目的入口文件中引入所有组件或所需组件
-
-```js
-import WrapEle from '@lx-frontend/wrap-element-ui' // 引入组件库
-import 'wrap-element-ui/packages/theme-default/lib/index.css' // 引入样式库
-
-Vue.use(WrapEle)
-```
-
-### 单个组件按需使用
-
-可以局部注册所需的组件，适用于与其他框架组合使用的场景
-
-```js
-import { DemoComponent } from '@lx-frontend/wrap-element-ui'
-
-export default {
-  components: {
-    DemoComponent
-  }
-}
-```
-
-在模板中，用 `<DemoComponent></DemoComponent>` 自定义标签的方式使用组件
-
-```html
-<template>
-  <div>
-    <DemoComponent>这是一个 demo 组件</DemoComponent>
-  </div>
-</template>
-```
-
-若为单标签
-
-```html
-<template>
-  <div>
-    <DemoComponent title="按钮" />
-  </div>
-</template>
-```
-
+
+# 快速上手
+
+----
+
+## 标准开发
+
+实际项目中，往往会使用 `webpack`，`rollup` 或者 `gulp` 的工作流，大多可以做到按需加载页面用到的组件，所以不推荐直接使用 `<script>` 标签全局引入的方式使用。
+
+### 全局组件使用
+
+可以在项目的入口文件中引入所有组件或所需组件
+
+```js
+import WrapEle from '@lx-frontend/wrap-element-ui' // 引入组件库
+import 'wrap-element-ui/packages/theme-default/lib/index.css' // 引入样式库
+
+Vue.use(WrapEle)
+```
+
+### 单个组件按需使用
+
+可以局部注册所需的组件，适用于与其他框架组合使用的场景
+
+```js
+import { DemoComponent } from '@lx-frontend/wrap-element-ui'
+
+export default {
+  components: {
+    DemoComponent
+  }
+}
+```
+
+在模板中，用 `<DemoComponent></DemoComponent>` 自定义标签的方式使用组件
+
+```html
+<template>
+  <div>
+    <DemoComponent>这是一个 demo 组件</DemoComponent>
+  </div>
+</template>
+```
+
+若为单标签
+
+```html
+<template>
+  <div>
+    <DemoComponent title="按钮" />
+  </div>
+</template>
+```
+

package/babel.config.js

@@ -1,5 +1,5 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package/global.d.ts

@@ -1,23 +1,23 @@
-import Vue from 'vue';
-import { VueRouter } from 'vue-router/types/router.d';
-import { Route } from 'vue-router';
-
-declare module 'vue/types/options' {
-  // Vue 构造函数接收的额外选项
-  interface ComponentOptions<V extends Vue> {
-    router?: VueRouter
-  }
-}
-
-declare module 'vue/types/vue' {
-  // Vue 的全局属性
-  interface Vue {
-    $route: Route
-  }
-}
-
-// declare module 'element-ui'
-declare module '*.json' {
-  const value: any;
-  export default value;
-}
+import Vue from 'vue';
+import { VueRouter } from 'vue-router/types/router.d';
+import { Route } from 'vue-router';
+
+declare module 'vue/types/options' {
+  // Vue 构造函数接收的额外选项
+  interface ComponentOptions<V extends Vue> {
+    router?: VueRouter
+  }
+}
+
+declare module 'vue/types/vue' {
+  // Vue 的全局属性
+  interface Vue {
+    $route: Route
+  }
+}
+
+// declare module 'element-ui'
+declare module '*.json' {
+  const value: any;
+  export default value;
+}

package/package.json

@@ -1,48 +1,48 @@
-{
-  "name": "@lx-frontend/wrap-element-ui",
-  "version": "0.4.1-beta",
-  "description": "wrap-element-ui",
-  "author": "Vic <18373209286@163.com>",
-  "main": "packages/index.js",
-  "private": false,
-  "scripts": {
-    "serve": "npm run build:style && vue-cli-service serve",
-    "build:style": "gulp build --gulpfile packages/theme-default/gulpfile.js",
-    "dist": "npm run build:style && vue-cli-service build",
-    "build:single": "webpack --config build/build-one-by-one.js",
-    "lint": "vue-cli-service lint",
-    "test:unit": "vue-cli-service test:unit"
-  },
-  "dependencies": {
-    "cheerio": "^1.0.0-rc.2",
-    "core-js": "^3.3.2",
-    "element-ui": "^2.11.1",
-    "highlight.js": "^9.16.2",
-    "markdown-it-anchor": "^4.0.0",
-    "markdown-it-container": "^2.0.0",
-    "vue": "^2.6.10",
-    "vue-markdown-loader": "^2.2.3",
-    "vue-router": "^3.1.3"
-  },
-  "devDependencies": {
-    "@types/jest": "^24.0.11",
-    "@vue/cli-plugin-babel": "^4.0.0",
-    "@vue/cli-plugin-eslint": "^4.0.0",
-    "@vue/cli-plugin-typescript": "^4.0.0",
-    "@vue/cli-plugin-unit-jest": "^4.0.0",
-    "@vue/cli-service": "^4.0.0",
-    "@vue/eslint-config-typescript": "^4.0.0",
-    "@vue/test-utils": "1.0.0-beta.29",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
-    "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^4.0.0",
-    "gulp-cssmin": "^0.1.7",
-    "gulp-sass": "^4.0.2",
-    "sass": "^1.19.0",
-    "sass-loader": "^8.0.0",
-    "typescript": "~3.5.3",
-    "vue-template-compiler": "^2.6.10",
-    "webpack-cli": "^3.3.10"
-  }
-}
+{
+  "name": "@lx-frontend/wrap-element-ui",
+  "version": "0.4.1",
+  "description": "wrap-element-ui",
+  "author": "Vic <18373209286@163.com>",
+  "main": "packages/index.js",
+  "private": false,
+  "scripts": {
+    "serve": "npm run build:style && vue-cli-service serve",
+    "build:style": "gulp build --gulpfile packages/theme-default/gulpfile.js",
+    "dist": "npm run build:style && vue-cli-service build",
+    "build:single": "webpack --config build/build-one-by-one.js",
+    "lint": "vue-cli-service lint",
+    "test:unit": "vue-cli-service test:unit"
+  },
+  "dependencies": {
+    "cheerio": "^1.0.0-rc.2",
+    "core-js": "^3.3.2",
+    "element-ui": "^2.11.1",
+    "highlight.js": "^9.16.2",
+    "markdown-it-anchor": "^4.0.0",
+    "markdown-it-container": "^2.0.0",
+    "vue": "^2.6.10",
+    "vue-markdown-loader": "^2.2.3",
+    "vue-router": "^3.1.3"
+  },
+  "devDependencies": {
+    "@types/jest": "^24.0.11",
+    "@vue/cli-plugin-babel": "^4.0.0",
+    "@vue/cli-plugin-eslint": "^4.0.0",
+    "@vue/cli-plugin-typescript": "^4.0.0",
+    "@vue/cli-plugin-unit-jest": "^4.0.0",
+    "@vue/cli-service": "^4.0.0",
+    "@vue/eslint-config-typescript": "^4.0.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "gulp": "^3.9.1",
+    "gulp-autoprefixer": "^4.0.0",
+    "gulp-cssmin": "^0.1.7",
+    "gulp-sass": "^4.0.2",
+    "sass": "^1.19.0",
+    "sass-loader": "^8.0.0",
+    "typescript": "~3.5.3",
+    "vue-template-compiler": "^2.6.10",
+    "webpack-cli": "^3.3.10"
+  }
+}

package/packages/AddMembers/index.js

@@ -1,11 +1,11 @@
-/**
- * @author Liuxuan
- * Date: 2021/08/31
- */
-import AddMembers from './src/AddMembers.vue'
-
-AddMembers.install = function (Vue) {
-  Vue.component(AddMembers.name, AddMembers)
-}
-
-export default AddMembers
+/**
+ * @author Liuxuan
+ * Date: 2021/08/31
+ */
+import AddMembers from './src/AddMembers.vue'
+
+AddMembers.install = function (Vue) {
+  Vue.component(AddMembers.name, AddMembers)
+}
+
+export default AddMembers

package/packages/AddMembers/src/AddMembers.vue

@@ -1,127 +1,127 @@
-<template>
-  <div>
-    <PopoverForm
-      :title="title"
-      :withSubmitBtn="false"
-      :width="360"
-      @on-change="handleCloseTechniciansSelectPopup">
-      <div slot="form" class="team-setting__technicians-popover">
-        <div class="team-setting__technicians-select">
-          <el-input
-            v-model="techniciansSearchQuery"
-            placeholder="请输入姓名"
-            @input="handleInputTechniciansSearch"
-          />
-        </div>
-        <div
-          v-if="techniciansSearchQuery && !technicianOptions.length && !fetchTechniciansLoading"
-          class="team-setting__empty-technicians-options">
-          {{$attrs.empty || '系统未登记该员工，请先添加员工账号'}}
-        </div>
-        <ul v-else class="team-setting__technicians-options">
-          <li
-            class="team-setting__technicians-option"
-            v-for="item in technicianOptions"
-            :key="item[$attrs.showConfig.id]">
-            <div class="team-setting__technicians-option-left">{{ `${item[$attrs.showConfig.name]} | ${item.roles}` }}</div>
-            <el-button
-              v-if="item.is_selected"
-              type="text"
-              disabled>
-              已添加
-            </el-button>
-            <el-button
-              v-else
-              type="text"
-              @click="handleAddTechnician($attrs.keyId, item)">
-              添加
-            </el-button>
-          </li>
-        </ul>
-      </div>
-      <el-button slot="reference" type="text" icon="el-icon-plus">{{title}}</el-button>
-    </PopoverForm>
-  </div>
-</template>
-
-<script>
-import PopoverForm from '../../PopoverForm/src/PopoverForm.vue'
-export default {
-  name: 'AddMembers',
-  components: {
-    PopoverForm
-  },
-  props: {
-    technicianOptions: Array,
-    fetchTechniciansLoading: Boolean,
-    title: {
-      type: String,
-      default: '添加成员',
-    },
-  },
-  data() {
-    return {
-      techniciansSearchQuery: '',
-    }
-  },
-  watch: {
-  },
-  methods: {
-    handleCloseTechniciansSelectPopup(show) {
-      if (show) return;
-      this.techniciansSearchQuery = '';
-      this.$emit('update:technicianOptions', []);
-    },
-    handleInputTechniciansSearch(query) {
-      this.$emit('fetchTechniciansMethods', query);
-    },
-    handleAddTechnician(id, item) {
-      const query = { id, item };
-      this.$emit('handleAddTechnician', query);
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-.team-setting {
-  &__technicians-popover {
-    padding: 20px;
-    height: 350px;
-    overflow-y: auto;
-  }
-  &__technicians-select {
-    width: 320px;
-  }
-  &__empty-technicians-options {
-    font-size: 12px;
-    color: #80838e;
-    text-align: center;
-    margin-top: 10px;
-  }
-  &__technicians-options {
-    display: flex;
-    flex-direction: column;
-  }
-  &__technicians-option {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    height: 30px;
-    &-left {
-      width: 250px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: #80838e;
-    }
-    &-right {
-      color: #1890ff;
-      &--selected {
-        color: #80838e;
-      }
-    }
-  }
-}
-
-</style>
+<template>
+  <div>
+    <PopoverForm
+      :title="title"
+      :withSubmitBtn="false"
+      :width="360"
+      @on-change="handleCloseTechniciansSelectPopup">
+      <div slot="form" class="team-setting__technicians-popover">
+        <div class="team-setting__technicians-select">
+          <el-input
+            v-model="techniciansSearchQuery"
+            placeholder="请输入姓名"
+            @input="handleInputTechniciansSearch"
+          />
+        </div>
+        <div
+          v-if="techniciansSearchQuery && !technicianOptions.length && !fetchTechniciansLoading"
+          class="team-setting__empty-technicians-options">
+          {{$attrs.empty || '系统未登记该员工，请先添加员工账号'}}
+        </div>
+        <ul v-else class="team-setting__technicians-options">
+          <li
+            class="team-setting__technicians-option"
+            v-for="item in technicianOptions"
+            :key="item[$attrs.showConfig.id]">
+            <div class="team-setting__technicians-option-left">{{ `${item[$attrs.showConfig.name]} | ${item.roles}` }}</div>
+            <el-button
+              v-if="item.is_selected"
+              type="text"
+              disabled>
+              已添加
+            </el-button>
+            <el-button
+              v-else
+              type="text"
+              @click="handleAddTechnician($attrs.keyId, item)">
+              添加
+            </el-button>
+          </li>
+        </ul>
+      </div>
+      <el-button slot="reference" type="text" icon="el-icon-plus">{{title}}</el-button>
+    </PopoverForm>
+  </div>
+</template>
+
+<script>
+import PopoverForm from '../../PopoverForm/src/PopoverForm.vue'
+export default {
+  name: 'AddMembers',
+  components: {
+    PopoverForm
+  },
+  props: {
+    technicianOptions: Array,
+    fetchTechniciansLoading: Boolean,
+    title: {
+      type: String,
+      default: '添加成员',
+    },
+  },
+  data() {
+    return {
+      techniciansSearchQuery: '',
+    }
+  },
+  watch: {
+  },
+  methods: {
+    handleCloseTechniciansSelectPopup(show) {
+      if (show) return;
+      this.techniciansSearchQuery = '';
+      this.$emit('update:technicianOptions', []);
+    },
+    handleInputTechniciansSearch(query) {
+      this.$emit('fetchTechniciansMethods', query);
+    },
+    handleAddTechnician(id, item) {
+      const query = { id, item };
+      this.$emit('handleAddTechnician', query);
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.team-setting {
+  &__technicians-popover {
+    padding: 20px;
+    height: 350px;
+    overflow-y: auto;
+  }
+  &__technicians-select {
+    width: 320px;
+  }
+  &__empty-technicians-options {
+    font-size: 12px;
+    color: #80838e;
+    text-align: center;
+    margin-top: 10px;
+  }
+  &__technicians-options {
+    display: flex;
+    flex-direction: column;
+  }
+  &__technicians-option {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 30px;
+    &-left {
+      width: 250px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: #80838e;
+    }
+    &-right {
+      color: #1890ff;
+      &--selected {
+        color: #80838e;
+      }
+    }
+  }
+}
+
+</style>

package/packages/AuditSteps/index.js

@@ -1,7 +1,7 @@
-import AuditSteps from './src/AuditSteps.vue'
-
-AuditSteps.install = function (Vue) {
-  Vue.component(AuditSteps.name, AuditSteps)
-}
-
-export default AuditSteps
+import AuditSteps from './src/AuditSteps.vue'
+
+AuditSteps.install = function (Vue) {
+  Vue.component(AuditSteps.name, AuditSteps)
+}
+
+export default AuditSteps