n20-common-lib 1.3.34 → 1.3.35

package/src/components/Table/indexO.vue

@@ -1,149 +1,149 @@
-<template>
-  <el-table
-    v-if="!pagination"
-    ref="el-table"
-    :header-cell-style="{ 'text-align': 'center' }"
-    :data="data"
-    :height="height"
-    v-bind="$attrs"
-    v-on="$listeners"
-  >
-    <template v-for="(item, i) in columns">
-      <slot v-if="item.slotName" :name="item.slotName"></slot>
-      <el-table-column
-        v-else-if="item.render"
-        :key="'cl-table-' + i"
-        v-bind="item"
-      >
-        <columnRender slot-scope="{ row }" :c-render="item.render" :row="row" />
-      </el-table-column>
-      <el-table-column v-else :key="'cl-table-' + i" v-bind="item" />
-    </template>
-  </el-table>
-
-  <div v-else :style="{ height: heightW }">
-    <el-table
-      ref="el-table"
-      :header-cell-style="{ 'text-align': 'center' }"
-      style="width: 100%"
-      :data="data"
-      v-bind="$attrs"
-      :height="heightC"
-      v-on="$listeners"
-    >
-      <template v-for="(item, i) in columns">
-        <slot v-if="item.slotName" :name="item.slotName"></slot>
-        <el-table-column
-          v-else-if="item.render"
-          :key="'cl-table-' + i"
-          v-bind="item"
-        >
-          <columnRender
-            slot-scope="{ row }"
-            :c-render="item.render"
-            :row="row"
-          />
-        </el-table-column>
-        <el-table-column v-else :key="'cl-table-' + i" v-bind="item" />
-      </template>
-    </el-table>
-    <div v-if="pagination" class="flex-box flex-r m-t-s">
-      <Pagination
-        :page-obj="paginationOption"
-        :page-key="{ no: 'page', size: 'pageSize', total: 'total' }"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import Pagination from '../Pagination/index.vue'
-const columnRender = {
-  props: {
-    cRender: {
-      type: Function
-    },
-    row: {
-      type: Object
-    }
-  },
-  render(h) {
-    return this.cRender(h, this.row)
-  }
-}
-
-export default {
-  name: 'TableO',
-  components: {
-    Pagination,
-    columnRender
-  },
-  props: {
-    column: {
-      type: Boolean,
-      default: false
-    },
-    data: {
-      type: Array,
-      default: undefined
-    },
-    columns: {
-      type: Array,
-      require: true,
-      default: () => []
-    },
-    pagination: {
-      type: Boolean,
-      default: false
-    },
-    paginationOption: {
-      type: Object,
-      default: () => ({
-        page: 1,
-        total: 0,
-        pageSize: 20
-      })
-    },
-    height: {
-      type: [String, Number],
-      default: undefined
-    }
-  },
-  computed: {
-    heightW() {
-      if (this.height === undefined) {
-        return undefined
-      }
-      if (/\D/.test(this.height)) {
-        return this.height
-      } else {
-        return this.height + 'px'
-      }
-    },
-    heightC() {
-      return this.pageObj ? 'calc(100% - 38px)' : '100%'
-    }
-  },
-  watch: {
-    'paginationOption.page': {
-      handler(val) {
-        if (this.pagination) {
-          this.$emit('changePage', val)
-        }
-      }
-    },
-    'paginationOption.pageSize': {
-      handler(val) {
-        if (this.pagination) {
-          this.$emit('changePageSize', val)
-        }
-      }
-    }
-  },
-  created() {
-    if (this.column) {
-      console.warn('调整列顺序,请使用ShowColumn组件')
-    }
-  }
-}
-</script>
+<template>
+  <el-table
+    v-if="!pagination"
+    ref="el-table"
+    :header-cell-style="{ 'text-align': 'center' }"
+    :data="data"
+    :height="height"
+    v-bind="$attrs"
+    v-on="$listeners"
+  >
+    <template v-for="(item, i) in columns">
+      <slot v-if="item.slotName" :name="item.slotName"></slot>
+      <el-table-column
+        v-else-if="item.render"
+        :key="'cl-table-' + i"
+        v-bind="item"
+      >
+        <columnRender slot-scope="{ row }" :c-render="item.render" :row="row" />
+      </el-table-column>
+      <el-table-column v-else :key="'cl-table-' + i" v-bind="item" />
+    </template>
+  </el-table>
+
+  <div v-else :style="{ height: heightW }">
+    <el-table
+      ref="el-table"
+      :header-cell-style="{ 'text-align': 'center' }"
+      style="width: 100%"
+      :data="data"
+      v-bind="$attrs"
+      :height="heightC"
+      v-on="$listeners"
+    >
+      <template v-for="(item, i) in columns">
+        <slot v-if="item.slotName" :name="item.slotName"></slot>
+        <el-table-column
+          v-else-if="item.render"
+          :key="'cl-table-' + i"
+          v-bind="item"
+        >
+          <columnRender
+            slot-scope="{ row }"
+            :c-render="item.render"
+            :row="row"
+          />
+        </el-table-column>
+        <el-table-column v-else :key="'cl-table-' + i" v-bind="item" />
+      </template>
+    </el-table>
+    <div v-if="pagination" class="flex-box flex-r m-t-s">
+      <Pagination
+        :page-obj="paginationOption"
+        :page-key="{ no: 'page', size: 'pageSize', total: 'total' }"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import Pagination from '../Pagination/index.vue'
+const columnRender = {
+  props: {
+    cRender: {
+      type: Function
+    },
+    row: {
+      type: Object
+    }
+  },
+  render(h) {
+    return this.cRender(h, this.row)
+  }
+}
+
+export default {
+  name: 'TableO',
+  components: {
+    Pagination,
+    columnRender
+  },
+  props: {
+    column: {
+      type: Boolean,
+      default: false
+    },
+    data: {
+      type: Array,
+      default: undefined
+    },
+    columns: {
+      type: Array,
+      require: true,
+      default: () => []
+    },
+    pagination: {
+      type: Boolean,
+      default: false
+    },
+    paginationOption: {
+      type: Object,
+      default: () => ({
+        page: 1,
+        total: 0,
+        pageSize: 20
+      })
+    },
+    height: {
+      type: [String, Number],
+      default: undefined
+    }
+  },
+  computed: {
+    heightW() {
+      if (this.height === undefined) {
+        return undefined
+      }
+      if (/\D/.test(this.height)) {
+        return this.height
+      } else {
+        return this.height + 'px'
+      }
+    },
+    heightC() {
+      return this.pageObj ? 'calc(100% - 38px)' : '100%'
+    }
+  },
+  watch: {
+    'paginationOption.page': {
+      handler(val) {
+        if (this.pagination) {
+          this.$emit('changePage', val)
+        }
+      }
+    },
+    'paginationOption.pageSize': {
+      handler(val) {
+        if (this.pagination) {
+          this.$emit('changePageSize', val)
+        }
+      }
+    }
+  },
+  created() {
+    if (this.column) {
+      console.warn('调整列顺序,请使用ShowColumn组件')
+    }
+  }
+}
+</script>

package/src/components/TableOperateColumn/OperateBtns.vue

@@ -1,73 +1,73 @@
-<template>
-  <span>
-    <el-button
-      v-for="item in dfBtns"
-      :key="item.label"
-      type="text"
-      size="mini"
-      @click="$emit('command', item.command)"
-      >{{ item.label }}</el-button
-    >
-    <el-dropdown v-if="moreBtns.length" @command="(c) => $emit('command', c)">
-      <el-button class="n20-icon-moren" type="text" size="mini" />
-      <el-dropdown-menu slot="dropdown" class="text-c">
-        <el-dropdown-item
-          v-for="item in moreBtns"
-          :key="item.label"
-          :command="item.command"
-          >{{ item.label }}</el-dropdown-item
-        >
-      </el-dropdown-menu>
-    </el-dropdown>
-  </span>
-</template>
-
-<script>
-export default {
-  props: {
-    btnList: {
-      type: Array,
-      default: () => []
-    },
-    row: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {}
-  },
-  computed: {
-    hasBtns() {
-      return this.btnList.filter((btn) => this.hasBtn(btn.isHas, this.row))
-    },
-    dfBtns() {
-      if (this.hasBtns.length > 3) {
-        return this.hasBtns.slice(0, 2)
-      } else {
-        return this.hasBtns
-      }
-    },
-    moreBtns() {
-      if (this.hasBtns.length > 3) {
-        return this.hasBtns.slice(2)
-      } else {
-        return []
-      }
-    }
-  },
-  methods: {
-    hasBtn(isHas, row) {
-      if (isHas === undefined || isHas === null) {
-        return true
-      } else if (typeof isHas === 'boolean') {
-        return isHas
-      } else if (typeof isHas === 'string' || Array.isArray(isHas)) {
-        return this.$has(isHas)
-      } else if (typeof isHas === 'function') {
-        return isHas(row)
-      }
-    }
-  }
-}
-</script>
+<template>
+  <span>
+    <el-button
+      v-for="item in dfBtns"
+      :key="item.label"
+      type="text"
+      size="mini"
+      @click="$emit('command', item.command)"
+      >{{ item.label }}</el-button
+    >
+    <el-dropdown v-if="moreBtns.length" @command="(c) => $emit('command', c)">
+      <el-button class="n20-icon-moren" type="text" size="mini" />
+      <el-dropdown-menu slot="dropdown" class="text-c">
+        <el-dropdown-item
+          v-for="item in moreBtns"
+          :key="item.label"
+          :command="item.command"
+          >{{ item.label }}</el-dropdown-item
+        >
+      </el-dropdown-menu>
+    </el-dropdown>
+  </span>
+</template>
+
+<script>
+export default {
+  props: {
+    btnList: {
+      type: Array,
+      default: () => []
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    hasBtns() {
+      return this.btnList.filter((btn) => this.hasBtn(btn.isHas, this.row))
+    },
+    dfBtns() {
+      if (this.hasBtns.length > 3) {
+        return this.hasBtns.slice(0, 2)
+      } else {
+        return this.hasBtns
+      }
+    },
+    moreBtns() {
+      if (this.hasBtns.length > 3) {
+        return this.hasBtns.slice(2)
+      } else {
+        return []
+      }
+    }
+  },
+  methods: {
+    hasBtn(isHas, row) {
+      if (isHas === undefined || isHas === null) {
+        return true
+      } else if (typeof isHas === 'boolean') {
+        return isHas
+      } else if (typeof isHas === 'string' || Array.isArray(isHas)) {
+        return this.$has(isHas)
+      } else if (typeof isHas === 'function') {
+        return isHas(row)
+      }
+    }
+  }
+}
+</script>

package/src/components/TableOperateColumn/index.vue

@@ -1,26 +1,26 @@
-<template>
-  <el-table-column v-bind="$attrs">
-    <OperateBtns
-      slot-scope="{ row, $index }"
-      :btn-list="btnList"
-      :row="row"
-      @command="(c) => $emit(c, row, $index)"
-    />
-  </el-table-column>
-</template>
-
-<script>
-import OperateBtns from './OperateBtns.vue'
-export default {
-  name: 'TableOperateColumn',
-  components: {
-    OperateBtns
-  },
-  props: {
-    btnList: {
-      type: Array,
-      default: () => []
-    }
-  }
-}
-</script>
+<template>
+  <el-table-column v-bind="$attrs">
+    <OperateBtns
+      slot-scope="{ row, $index }"
+      :btn-list="btnList"
+      :row="row"
+      @command="(c) => $emit(c, row, $index)"
+    />
+  </el-table-column>
+</template>
+
+<script>
+import OperateBtns from './OperateBtns.vue'
+export default {
+  name: 'TableOperateColumn',
+  components: {
+    OperateBtns
+  },
+  props: {
+    btnList: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>

package/src/components/Task/index.vue

@@ -1,26 +1,26 @@
-<template>
-  <div class="f-s-b">
-    <i class="n20-icon-tianchongxing color-warning"></i>
-    <div class="m-l m-r-lg" style="display: inline-block; width: 300px">
-      <slot></slot>
-    </div>
-    <el-button class="m-l" type="text" @click="handleBtn">{{ text }}</el-button>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Task',
-  props: {
-    text: {
-      type: String,
-      default: ''
-    }
-  },
-  methods: {
-    handleBtn() {
-      this.$emit('click')
-    }
-  }
-}
-</script>
+<template>
+  <div class="f-s-b">
+    <i class="n20-icon-tianchongxing color-warning"></i>
+    <div class="m-l m-r-lg" style="display: inline-block; width: 300px">
+      <slot></slot>
+    </div>
+    <el-button class="m-l" type="text" @click="handleBtn">{{ text }}</el-button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Task',
+  props: {
+    text: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    handleBtn() {
+      this.$emit('click')
+    }
+  }
+}
+</script>

package/src/components/TertiaryTab/index.vue

@@ -1,63 +1,63 @@
-
-<template>
-  <el-tabs
-    :value="init"
-    class="n20-tertiary-tab-1"
-    type="card"
-    :before-leave="beforeFn"
-    @tab-click="clickFn"
-  >
-    <el-tab-pane
-      v-for="item of data"
-      :key="item.name"
-      :tab-info="item"
-      :name="item.name"
-      :icon="item.icon"
-      :disabled="item.disabled"
-    >
-      <template slot="label">
-        <span v-if="item.icon" :class="item.icon"></span>
-        {{ item.name }}
-      </template>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-export default {
-  name: 'TertiaryTab',
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    init: {
-      type: String,
-      default: ''
-    },
-    size: {
-      type: String,
-      default: 'mini'
-    }
-  },
-  computed: {
-    stop() {
-      return !this.$listeners['update:init']
-    }
-  },
-  methods: {
-    clickFn(C) {
-      let item = C.$attrs['tab-info']
-      if (this.$listeners['update:init']) {
-        !item.disabled && this.$emit('update:init', item.name)
-      }
-      if (this.$listeners['click']) {
-        this.$emit('click', item)
-      }
-    },
-    beforeFn(name) {
-      return name === this.init ? true : !this.stop
-    }
-  }
-}
-</script>
+
+<template>
+  <el-tabs
+    :value="init"
+    class="n20-tertiary-tab-1"
+    type="card"
+    :before-leave="beforeFn"
+    @tab-click="clickFn"
+  >
+    <el-tab-pane
+      v-for="item of data"
+      :key="item.name"
+      :tab-info="item"
+      :name="item.name"
+      :icon="item.icon"
+      :disabled="item.disabled"
+    >
+      <template slot="label">
+        <span v-if="item.icon" :class="item.icon"></span>
+        {{ item.name }}
+      </template>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: 'TertiaryTab',
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    init: {
+      type: String,
+      default: ''
+    },
+    size: {
+      type: String,
+      default: 'mini'
+    }
+  },
+  computed: {
+    stop() {
+      return !this.$listeners['update:init']
+    }
+  },
+  methods: {
+    clickFn(C) {
+      let item = C.$attrs['tab-info']
+      if (this.$listeners['update:init']) {
+        !item.disabled && this.$emit('update:init', item.name)
+      }
+      if (this.$listeners['click']) {
+        this.$emit('click', item)
+      }
+    },
+    beforeFn(name) {
+      return name === this.init ? true : !this.stop
+    }
+  }
+}
+</script>