n20-common-lib 1.3.46 → 1.3.49

package/src/components/Filters/index.vue

@@ -1,216 +1,216 @@
-<template>
-  <el-popover
-    v-model="showPop"
-    trigger="manual"
-    :width="width"
-    title="筛选"
-    placement="bottom-end"
-    @show="show"
-  >
-    <template slot="reference">
-      <el-button
-        icon="n20-icon-iconfontshaixuan"
-        plain
-        onlyicon
-        size="mini"
-        @click="clickBtn"
-      />
-    </template>
-
-    <el-form
-      v-if="showPopC"
-      v-click-outside="clickOut"
-      class="n20-filter p-a-s p-b-0"
-      :label-width="labelWidth"
-      @submit.native.prevent
-    >
-      <template v-if="!type">
-        <el-form-item
-          v-for="(item, i) in minList"
-          :key="i"
-          class="m-b"
-          :label="item.label"
-        >
-          <slot v-if="item.slotName" :name="item.slotName"></slot>
-          <form-item-input v-else :form="form" :item="item" />
-        </el-form-item>
-        <template v-if="filterList.length > defaultShow">
-          <div :style="{ paddingLeft: labelWidth }">
-            <el-button
-              class="p-t-0 m-b-s color-primary"
-              type="text"
-              @click="showMore = !showMore"
-              ><span>更多条件</span
-              ><i
-                :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
-              ></i
-            ></el-button>
-          </div>
-          <el-collapse-transition>
-            <div v-if="showMore">
-              <el-form-item
-                v-for="(item, i) in moreList"
-                :key="i"
-                class="m-b"
-                :label="item.label"
-              >
-                <slot v-if="item.slotName" :name="item.slotName"></slot>
-                <form-item-input v-else :form="form" :item="item" />
-              </el-form-item>
-            </div>
-          </el-collapse-transition>
-        </template>
-      </template>
-      <template v-else-if="type === 'remote'">
-        <!-- 服务端保存筛选条件组 -->
-        <el-form-item
-          v-for="(item, i) in remoteList"
-          :key="i"
-          class="m-b"
-          :label="item.label"
-        >
-          <slot v-if="item.slotName" :name="item.slotName"></slot>
-          <form-item-input v-else :form="form" :item="item" />
-        </el-form-item>
-        <div :style="{ paddingLeft: labelWidth }">
-          <el-button
-            class="p-t-0 m-b-s color-primary"
-            type="text"
-            @click="setRemoteV = true"
-            ><span>更多条件</span
-            ><i
-              :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
-            ></i
-          ></el-button>
-        </div>
-        <showColumn
-          ref="setRemote"
-          :dialog-visible.sync="setRemoteV"
-          :check-columns="remoteList"
-          :columns="filterList"
-          :is-filter="true"
-          :auto-save="true"
-          :page-id="'filter:' + filterId"
-          @setColumns="setRemoteChange"
-        />
-      </template>
-      <footerBox class="text-c">
-        <el-button type="primary" @click="filter">确认</el-button>
-        <el-button plain @click="clear">清空</el-button>
-      </footerBox>
-    </el-form>
-  </el-popover>
-</template>
-
-<script>
-import formItemInput from './form-item-input.vue'
-import footerBox from '../FooterBox/index.vue'
-import showColumn from '../ShowColumn/index.vue'
-export default {
-  name: 'Filters',
-  components: {
-    formItemInput,
-    footerBox,
-    showColumn
-  },
-  props: {
-    width: {
-      type: Number,
-      default: 310
-    },
-    defaultShow: {
-      type: Number,
-      default: 5
-    },
-    filterList: {
-      type: Array,
-      default: () => []
-    },
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    labelWidth: {
-      type: [String, Number],
-      default: '5em'
-    },
-    type: {
-      type: String,
-      default: undefined
-    },
-    filterId: {
-      type: String,
-      default: undefined
-    }
-  },
-  data() {
-    return {
-      showPop: false,
-      showPopC: false,
-      showMore: false,
-      remoteList: [],
-      setRemoteV: false
-    }
-  },
-  computed: {
-    minList() {
-      return this.filterList.slice(0, this.defaultShow)
-    },
-    moreList() {
-      return this.filterList.slice(this.defaultShow)
-    }
-  },
-  methods: {
-    show() {
-      this.showPopC = true
-      this.$nextTick(() => {
-        if (this.type === 'remote' && !this.remoteList.length) {
-          this.getRemote()
-        }
-      })
-    },
-    clear() {
-      this.$emit('clear')
-    },
-    filter() {
-      this.$emit('filter')
-      this.$nextTick(() => {
-        this.showPop = false
-      })
-    },
-    clickBtn() {
-      if (!this.showPop) {
-        setTimeout(() => {
-          this.showPop = true
-        }, 60)
-      }
-    },
-    clickOut() {
-      let elPoppers = []
-      document
-        .querySelectorAll('.el-popper,.el-dialog__wrapper')
-        .forEach((e) => {
-          e.style.display !== 'none' && elPoppers.push(e)
-        })
-
-      if (elPoppers.length <= 1) {
-        this.showPop = false
-      }
-    },
-    setOptions(key, opts) {
-      let item = this.filterList.find((f) => f.value === key)
-      if (item) {
-        item.options = opts || []
-      }
-    },
-    getRemote() {
-      this.$refs['setRemote'].getColumns().then((list) => {
-        this.remoteList = list || this.filterList
-      })
-    },
-    setRemoteChange(list) {
-      this.remoteList = list
-    }
-  }
-}
-</script>
+<template>
+  <el-popover
+    v-model="showPop"
+    trigger="manual"
+    :width="width"
+    title="筛选"
+    placement="bottom-end"
+    @show="show"
+  >
+    <template slot="reference">
+      <el-button
+        icon="n20-icon-iconfontshaixuan"
+        plain
+        onlyicon
+        size="mini"
+        @click="clickBtn"
+      />
+    </template>
+
+    <el-form
+      v-if="showPopC"
+      v-click-outside="clickOut"
+      class="n20-filter p-a-s p-b-0"
+      :label-width="labelWidth"
+      @submit.native.prevent
+    >
+      <template v-if="!type">
+        <el-form-item
+          v-for="(item, i) in minList"
+          :key="i"
+          class="m-b"
+          :label="item.label"
+        >
+          <slot v-if="item.slotName" :name="item.slotName"></slot>
+          <form-item-input v-else :form="form" :item="item" />
+        </el-form-item>
+        <template v-if="filterList.length > defaultShow">
+          <div :style="{ paddingLeft: labelWidth }">
+            <el-button
+              class="p-t-0 m-b-s color-primary"
+              type="text"
+              @click="showMore = !showMore"
+              ><span>更多条件</span
+              ><i
+                :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
+              ></i
+            ></el-button>
+          </div>
+          <el-collapse-transition>
+            <div v-if="showMore">
+              <el-form-item
+                v-for="(item, i) in moreList"
+                :key="i"
+                class="m-b"
+                :label="item.label"
+              >
+                <slot v-if="item.slotName" :name="item.slotName"></slot>
+                <form-item-input v-else :form="form" :item="item" />
+              </el-form-item>
+            </div>
+          </el-collapse-transition>
+        </template>
+      </template>
+      <template v-else-if="type === 'remote'">
+        <!-- 服务端保存筛选条件组 -->
+        <el-form-item
+          v-for="(item, i) in remoteList"
+          :key="i"
+          class="m-b"
+          :label="item.label"
+        >
+          <slot v-if="item.slotName" :name="item.slotName"></slot>
+          <form-item-input v-else :form="form" :item="item" />
+        </el-form-item>
+        <div :style="{ paddingLeft: labelWidth }">
+          <el-button
+            class="p-t-0 m-b-s color-primary"
+            type="text"
+            @click="setRemoteV = true"
+            ><span>更多条件</span
+            ><i
+              :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
+            ></i
+          ></el-button>
+        </div>
+        <showColumn
+          ref="setRemote"
+          :dialog-visible.sync="setRemoteV"
+          :check-columns="remoteList"
+          :columns="filterList"
+          :is-filter="true"
+          :auto-save="true"
+          :page-id="'filter:' + filterId"
+          @setColumns="setRemoteChange"
+        />
+      </template>
+      <footerBox class="text-c">
+        <el-button type="primary" @click="filter">确认</el-button>
+        <el-button plain @click="clear">清空</el-button>
+      </footerBox>
+    </el-form>
+  </el-popover>
+</template>
+
+<script>
+import formItemInput from './form-item-input.vue'
+import footerBox from '../FooterBox/index.vue'
+import showColumn from '../ShowColumn/index.vue'
+export default {
+  name: 'Filters',
+  components: {
+    formItemInput,
+    footerBox,
+    showColumn
+  },
+  props: {
+    width: {
+      type: Number,
+      default: 310
+    },
+    defaultShow: {
+      type: Number,
+      default: 5
+    },
+    filterList: {
+      type: Array,
+      default: () => []
+    },
+    form: {
+      type: Object,
+      default: () => ({})
+    },
+    labelWidth: {
+      type: [String, Number],
+      default: '5em'
+    },
+    type: {
+      type: String,
+      default: undefined
+    },
+    filterId: {
+      type: String,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      showPop: false,
+      showPopC: false,
+      showMore: false,
+      remoteList: [],
+      setRemoteV: false
+    }
+  },
+  computed: {
+    minList() {
+      return this.filterList.slice(0, this.defaultShow)
+    },
+    moreList() {
+      return this.filterList.slice(this.defaultShow)
+    }
+  },
+  methods: {
+    show() {
+      this.showPopC = true
+      this.$nextTick(() => {
+        if (this.type === 'remote' && !this.remoteList.length) {
+          this.getRemote()
+        }
+      })
+    },
+    clear() {
+      this.$emit('clear')
+    },
+    filter() {
+      this.$emit('filter')
+      this.$nextTick(() => {
+        this.showPop = false
+      })
+    },
+    clickBtn() {
+      if (!this.showPop) {
+        setTimeout(() => {
+          this.showPop = true
+        }, 60)
+      }
+    },
+    clickOut() {
+      let elPoppers = []
+      document
+        .querySelectorAll('.el-popper,.el-dialog__wrapper')
+        .forEach((e) => {
+          e.style.display !== 'none' && elPoppers.push(e)
+        })
+
+      if (elPoppers.length <= 1) {
+        this.showPop = false
+      }
+    },
+    setOptions(key, opts) {
+      let item = this.filterList.find((f) => f.value === key)
+      if (item) {
+        item.options = opts || []
+      }
+    },
+    getRemote() {
+      this.$refs['setRemote'].getColumns().then((list) => {
+        this.remoteList = list || this.filterList
+      })
+    },
+    setRemoteChange(list) {
+      this.remoteList = list
+    }
+  }
+}
+</script>

package/src/components/Filters/indexO.vue

@@ -1,106 +1,106 @@
-<template>
-  <el-popover
-    v-model="showPop"
-    :width="width"
-    placement="bottom-end"
-    title="筛选"
-    trigger="manual"
-    @after-leave="showMore = false"
-  >
-    <span slot="reference">
-      <el-button
-        icon="n20-icon-iconfontshaixuan"
-        plain
-        onlyicon
-        size="mini"
-        @click="clickBtn"
-    /></span>
-
-    <div v-click-outside="clickOut" class="n20-filter p-a-s">
-      <slot></slot>
-      <el-button
-        v-if="$slots.more"
-        class="p-t-0 m-b-s"
-        type="text"
-        @click="showMore = !showMore"
-        ><span>{{ showMore ? '收起' : '更多' }}条件</span
-        ><i :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i
-      ></el-button>
-      <el-collapse-transition v-if="$slots.more">
-        <div v-show="showMore">
-          <slot name="more"></slot>
-        </div>
-      </el-collapse-transition>
-    </div>
-    <div class="text-c m-t m-b">
-      <slot name="actions">
-        <el-button
-          size="mini"
-          type="primary"
-          style="width: 76px"
-          @click="filter"
-        >
-          {{ filterText }}
-        </el-button>
-        <el-button size="mini" plain style="width: 76px" @click="clear">
-          {{ clearText }}
-        </el-button>
-      </slot>
-    </div>
-  </el-popover>
-</template>
-
-<script>
-export default {
-  name: 'FiltersO',
-  props: {
-    clearText: {
-      type: String,
-      default: '清空'
-    },
-    filterText: {
-      type: String,
-      default: '筛选'
-    },
-    width: {
-      type: Number,
-      default: 310
-    }
-  },
-  data() {
-    return {
-      showMore: false,
-      showPop: false
-    }
-  },
-  mounted() {},
-  methods: {
-    clear() {
-      this.$emit('clear')
-    },
-    filter() {
-      this.showPop = false
-      this.$emit('filter')
-    },
-    clickBtn() {
-      if (!this.showPop) {
-        setTimeout(() => {
-          this.showPop = true
-        }, 60)
-      }
-    },
-    clickOut() {
-      let elPoppers = []
-      document
-        .querySelectorAll('.el-popper,.el-dialog__wrapper')
-        .forEach((e) => {
-          e.style.display !== 'none' && elPoppers.push(e)
-        })
-
-      if (elPoppers.length <= 1) {
-        this.showPop = false
-      }
-    }
-  }
-}
-</script>
+<template>
+  <el-popover
+    v-model="showPop"
+    :width="width"
+    placement="bottom-end"
+    title="筛选"
+    trigger="manual"
+    @after-leave="showMore = false"
+  >
+    <span slot="reference">
+      <el-button
+        icon="n20-icon-iconfontshaixuan"
+        plain
+        onlyicon
+        size="mini"
+        @click="clickBtn"
+    /></span>
+
+    <div v-click-outside="clickOut" class="n20-filter p-a-s">
+      <slot></slot>
+      <el-button
+        v-if="$slots.more"
+        class="p-t-0 m-b-s"
+        type="text"
+        @click="showMore = !showMore"
+        ><span>{{ showMore ? '收起' : '更多' }}条件</span
+        ><i :class="showMore ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i
+      ></el-button>
+      <el-collapse-transition v-if="$slots.more">
+        <div v-show="showMore">
+          <slot name="more"></slot>
+        </div>
+      </el-collapse-transition>
+    </div>
+    <div class="text-c m-t m-b">
+      <slot name="actions">
+        <el-button
+          size="mini"
+          type="primary"
+          style="width: 76px"
+          @click="filter"
+        >
+          {{ filterText }}
+        </el-button>
+        <el-button size="mini" plain style="width: 76px" @click="clear">
+          {{ clearText }}
+        </el-button>
+      </slot>
+    </div>
+  </el-popover>
+</template>
+
+<script>
+export default {
+  name: 'FiltersO',
+  props: {
+    clearText: {
+      type: String,
+      default: '清空'
+    },
+    filterText: {
+      type: String,
+      default: '筛选'
+    },
+    width: {
+      type: Number,
+      default: 310
+    }
+  },
+  data() {
+    return {
+      showMore: false,
+      showPop: false
+    }
+  },
+  mounted() {},
+  methods: {
+    clear() {
+      this.$emit('clear')
+    },
+    filter() {
+      this.showPop = false
+      this.$emit('filter')
+    },
+    clickBtn() {
+      if (!this.showPop) {
+        setTimeout(() => {
+          this.showPop = true
+        }, 60)
+      }
+    },
+    clickOut() {
+      let elPoppers = []
+      document
+        .querySelectorAll('.el-popper,.el-dialog__wrapper')
+        .forEach((e) => {
+          e.style.display !== 'none' && elPoppers.push(e)
+        })
+
+      if (elPoppers.length <= 1) {
+        this.showPop = false
+      }
+    }
+  }
+}
+</script>