cnhis-design-vue 2.1.57 → 2.1.59

package/packages/big-table/src/components/edit-form/edit-component/edit-search/edit-search.vue

@@ -1,82 +1,82 @@
-<template>
-  <div class="select-content">
-    <a-select
-      v-model="item.useFormValue"
-      :ref="'search-' + item.val_key"
-      :dropdownMatchSelectWidth="(item.elem_width || 6) > 11"
-      class="formItem-select editItem-search"
-      :placeholder="item.placeholder || '请输入关键字'"
-      :autoFocus="false"
-      :defaultActiveFirstOption="true"
-      :allowClear="item.is_empty == 0"
-      :disabled="item.is_edit == 0"
-      :filterOption="false"
-      :showSearch="selectIsOpen"
-      @search="handleMultipleSearch($event, item)"
-      @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
-      @select="handleSearchSelect($event, item, 'select')"
-      @change="handleSearchSelect($event, item)"
-      :dropdownClassName="selectIsOpen ? 'form-default-select' : 'hide-select-drop'"
-      :notFoundContent="fetching ? undefined : '暂无数据'"
-      :dropdownStyle="{
-        maxWidth: optionsMaxWidth
-      }"
-      optionLabelProp="label"
-    >
-      <a-spin v-if="fetching" slot="notFoundContent" size="small" />
-      <a-select-option
-        v-for="(v, k) in curOptions"
-        :key="k"
-        :value="`${v[item.wordbook.value_key]}>>>${v['myUniqueKey']}`"
-        :label="hanlderGetSearchLabel(item, v)"
-        :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
-      >
-        <div
-          :class="{
-            'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
-          }"
-          style="display: flex;justify-content: space-around;"
-          v-if="v['showLabel']"
-        >
-          <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1" class="select-content-item">{{ v1 }}</span>
-        </div>
-        <span v-else>{{ v[item.wordbook.value_key] }}</span>
-      </a-select-option>
-    </a-select>
-  </div>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-export default {
-  name: 'editSearch',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    selectIsOpen() {
-      const { html_type, show_type } = this.item;
-      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
-        return !['pop', 'dialog'].includes(show_type);
-      }
-      return true;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>
+<template>
+  <div class="select-content">
+    <a-select
+      v-model="item.useFormValue"
+      :ref="'search-' + item.val_key"
+      :dropdownMatchSelectWidth="(item.elem_width || 6) > 11"
+      class="formItem-select editItem-search"
+      :placeholder="item.placeholder || '请输入关键字'"
+      :autoFocus="false"
+      :defaultActiveFirstOption="true"
+      :allowClear="item.is_empty == 0"
+      :disabled="item.is_edit == 0"
+      :filterOption="false"
+      :showSearch="selectIsOpen"
+      @search="handleMultipleSearch($event, item)"
+      @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
+      @select="handleSearchSelect($event, item, 'select')"
+      @change="handleSearchSelect($event, item)"
+      :dropdownClassName="selectIsOpen ? 'form-default-select' : 'hide-select-drop'"
+      :notFoundContent="fetching ? undefined : '暂无数据'"
+      :dropdownStyle="{
+        maxWidth: optionsMaxWidth
+      }"
+      optionLabelProp="label"
+    >
+      <a-spin v-if="fetching" slot="notFoundContent" size="small" />
+      <a-select-option
+        v-for="(v, k) in curOptions"
+        :key="k"
+        :value="`${v[item.wordbook.value_key]}>>>${v['myUniqueKey']}`"
+        :label="hanlderGetSearchLabel(item, v)"
+        :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
+      >
+        <div
+          :class="{
+            'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
+          }"
+          style="display: flex;justify-content: space-around;"
+          v-if="v['showLabel']"
+        >
+          <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1" class="select-content-item">{{ v1 }}</span>
+        </div>
+        <span v-else>{{ v[item.wordbook.value_key] }}</span>
+      </a-select-option>
+    </a-select>
+  </div>
+</template>
+<script>
+import itemDefault from '../mixins/item-default';
+import search from '../mixins/search';
+export default {
+  name: 'editSearch',
+  components: {},
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault, search],
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  computed: {
+    selectIsOpen() {
+      const { html_type, show_type } = this.item;
+      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
+        return !['pop', 'dialog'].includes(show_type);
+      }
+      return true;
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {}
+};
+</script>
+<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/edit-search-more/edit-search-more.vue

@@ -1,95 +1,95 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    ref="form_a_select"
-    :showArrow="true"
-    class="formItem-select formItem-select-multiple formItem-search-more"
-    :dropdownMatchSelectWidth="(item.elem_width || 6) > 11"
-    :dropdownClassName="selectIsOpen ? 'form-default-select' : 'hide-select-drop'"
-    :disabled="item.is_edit == 0"
-    :defaultActiveFirstOption="true"
-    mode="multiple"
-    labelInValue
-    :allowClear="item.is_empty == 0"
-    :placeholder="item.placeholder || '请输入关键字'"
-    :filterOption="false"
-    :showSearch="selectIsOpen"
-    :maxTagTextLength="10"
-    @search="handleMultipleSearch($event, item)"
-    @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
-    @select="multipleSelect($event, item)"
-    @deselect="multipleDeselect($event, item)"
-    @change="searchMoreOnChange($event, item)"
-    :notFoundContent="fetching ? undefined : '暂无数据'"
-    :dropdownStyle="{
-      maxWidth: optionsMaxWidth
-    }"
-    optionLabelProp="label"
-  >
-    <a-spin v-if="fetching" slot="notFoundContent" size="small" />
-    <a-select-option
-      v-for="(v, k) in curOptions"
-      :key="k"
-      :value="`${v[item.wordbook.value_key]}-${v['myUniqueKey']}`"
-      :label="hanlderGetSearchLabel(item, v)"
-      :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
-    >
-      <!-- {{ v["showLabel"] || v[item.wordbook.value_key] }} -->
-      <div
-        :class="{
-          'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
-        }"
-        style="display: flex;justify-content: space-around;"
-        v-if="v['showLabel']"
-      >
-        <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1">{{ v1 }}</span>
-      </div>
-      <span v-else>{{ v[item.wordbook.value_key] }}</span>
-    </a-select-option>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-import search from '../mixins/search';
-export default {
-  name: 'editSearchMore',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault, search],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {
-    selectIsOpen() {
-      const { html_type, show_type } = this.item;
-      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
-        return !['pop', 'dialog'].includes(show_type);
-      }
-      return true;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.formItem-select-multiple {
-  padding: 4px 0;
-}
-.formItem-search-more {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>
+<template>
+  <a-select
+    v-model="item.useFormValue"
+    ref="form_a_select"
+    :showArrow="true"
+    class="formItem-select formItem-select-multiple formItem-search-more"
+    :dropdownMatchSelectWidth="(item.elem_width || 6) > 11"
+    :dropdownClassName="selectIsOpen ? 'form-default-select' : 'hide-select-drop'"
+    :disabled="item.is_edit == 0"
+    :defaultActiveFirstOption="true"
+    mode="multiple"
+    labelInValue
+    :allowClear="item.is_empty == 0"
+    :placeholder="item.placeholder || '请输入关键字'"
+    :filterOption="false"
+    :showSearch="selectIsOpen"
+    :maxTagTextLength="10"
+    @search="handleMultipleSearch($event, item)"
+    @dropdownVisibleChange="handlerDropdownVisibleChange($event, item)"
+    @select="multipleSelect($event, item)"
+    @deselect="multipleDeselect($event, item)"
+    @change="searchMoreOnChange($event, item)"
+    :notFoundContent="fetching ? undefined : '暂无数据'"
+    :dropdownStyle="{
+      maxWidth: optionsMaxWidth
+    }"
+    optionLabelProp="label"
+  >
+    <a-spin v-if="fetching" slot="notFoundContent" size="small" />
+    <a-select-option
+      v-for="(v, k) in curOptions"
+      :key="k"
+      :value="`${v[item.wordbook.value_key]}-${v['myUniqueKey']}`"
+      :label="hanlderGetSearchLabel(item, v)"
+      :disabled="k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1"
+    >
+      <!-- {{ v["showLabel"] || v[item.wordbook.value_key] }} -->
+      <div
+        :class="{
+          'title-line': k === 0 && item.wordbook.render_key && item.wordbook.render_key.length > 1
+        }"
+        style="display: flex;justify-content: space-around;"
+        v-if="v['showLabel']"
+      >
+        <span style="flex: 1;" v-for="(v1, k1) in v['showLabel'].split('≌')" :key="k1">{{ v1 }}</span>
+      </div>
+      <span v-else>{{ v[item.wordbook.value_key] }}</span>
+    </a-select-option>
+  </a-select>
+</template>
+<script>
+import itemDefault from '../mixins/item-default';
+import search from '../mixins/search';
+export default {
+  name: 'editSearchMore',
+  components: {},
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault, search],
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  computed: {
+    selectIsOpen() {
+      const { html_type, show_type } = this.item;
+      if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
+        return !['pop', 'dialog'].includes(show_type);
+      }
+      return true;
+    }
+  },
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {}
+};
+</script>
+<style lang="less" scoped>
+.formItem-select-multiple {
+  padding: 4px 0;
+}
+.formItem-search-more {
+  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
+  /deep/ .ant-select-selection--multiple .ant-select-arrow {
+    top: 50%;
+  }
+}
+</style>

package/packages/big-table/src/components/edit-form/edit-component/edit-select/edit-select.vue

@@ -1,40 +1,40 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    class="formItem-select editItem-select"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `请选择${item.name}` || ''"
-    @dropdownVisibleChange="dropdownVisibleChange"
-  >
-    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-export default {
-  name: 'editSelect',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return { open: false };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped></style>
+<template>
+  <a-select
+    v-model="item.useFormValue"
+    class="formItem-select editItem-select"
+    defaultActiveFirstOption
+    :ref="item.val_key"
+    :optionData="`${JSON.stringify(item.option)}`"
+    :allowClear="item.is_empty == 0"
+    :disabled="item.is_edit == 0"
+    :dropdownMatchSelectWidth="true"
+    :placeholder="item.placeholder || `请选择${item.name}` || ''"
+    @dropdownVisibleChange="dropdownVisibleChange"
+  >
+    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
+  </a-select>
+</template>
+<script>
+import itemDefault from '../mixins/item-default';
+export default {
+  name: 'editSelect',
+  components: {},
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault],
+  data() {
+    return { open: false };
+  },
+
+  computed: {},
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {}
+};
+</script>
+<style lang="less" scoped></style>

package/packages/big-table/src/components/edit-form/edit-component/edit-select-multiple/edit-select-multiple.vue

@@ -1,55 +1,55 @@
-<template>
-  <a-select
-    v-model="item.useFormValue"
-    mode="multiple"
-    :showArrow="true"
-    class="formItem-select formItem-select-multiple"
-    defaultActiveFirstOption
-    :ref="item.val_key"
-    :optionData="`${JSON.stringify(item.option)}`"
-    :allowClear="item.is_empty == 0"
-    :disabled="item.is_edit == 0"
-    :dropdownMatchSelectWidth="true"
-    :placeholder="item.placeholder || `请选择${item.name}` || ''"
-    @dropdownVisibleChange="dropdownVisibleChange"
-    :filterOption="$utils.filterOption"
-  >
-    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
-  </a-select>
-</template>
-<script>
-import itemDefault from '../mixins/item-default';
-export default {
-  name: 'editSelectMultiple',
-  components: {},
-  props: {
-    item: Object
-  },
-  mixins: [itemDefault],
-  data() {
-    return {
-      open: false
-    };
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.formItem-select-multiple {
-  padding: 4px 0;
-}
-.formItem-select-multiple {
-  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
-  /deep/ .ant-select-selection--multiple .ant-select-arrow {
-    top: 50%;
-  }
-}
-</style>
+<template>
+  <a-select
+    v-model="item.useFormValue"
+    mode="multiple"
+    :showArrow="true"
+    class="formItem-select formItem-select-multiple"
+    defaultActiveFirstOption
+    :ref="item.val_key"
+    :optionData="`${JSON.stringify(item.option)}`"
+    :allowClear="item.is_empty == 0"
+    :disabled="item.is_edit == 0"
+    :dropdownMatchSelectWidth="true"
+    :placeholder="item.placeholder || `请选择${item.name}` || ''"
+    @dropdownVisibleChange="dropdownVisibleChange"
+    :filterOption="$utils.filterOption"
+  >
+    <a-select-option v-for="(v, y) in item.option" :key="(y + 9).toString(36) + y" :value="v.value">{{ v.text }}</a-select-option>
+  </a-select>
+</template>
+<script>
+import itemDefault from '../mixins/item-default';
+export default {
+  name: 'editSelectMultiple',
+  components: {},
+  props: {
+    item: Object
+  },
+  mixins: [itemDefault],
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  computed: {},
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {}
+};
+</script>
+<style lang="less" scoped>
+.formItem-select-multiple {
+  padding: 4px 0;
+}
+.formItem-select-multiple {
+  /deep/ .ant-select-selection--multiple .ant-select-selection__clear,
+  /deep/ .ant-select-selection--multiple .ant-select-arrow {
+    top: 50%;
+  }
+}
+</style>

package/packages/big-table/src/components/edit-form/edit-component/edit-switch/edit-switch.vue

@@ -1,43 +1,43 @@
-<template>
-  <a-checkbox
-    :ref="`switch-${item.val_key}`"
-    :checked="item.useFormValue"
-    :disabled="item.is_edit == 0"
-    :placeholder="item.placeholder || ''"
-    @change="onChange"
-  >
-  </a-checkbox>
-</template>
-<script>
-export default {
-  name: "editSwitch",
-  components: {},
-  inject: {
-    /** baseForm */
-    mainForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  props: {
-    item: Object
-  },
-  data() {
-    return {};
-  },
-
-  computed: {},
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {
-    onChange(e) {
-      this.item.useFormValue = e.target.checked;
-    }
-  }
-};
-</script>
-<style lang="less" scoped></style>
+<template>
+  <a-checkbox
+    :ref="`switch-${item.val_key}`"
+    :checked="item.useFormValue"
+    :disabled="item.is_edit == 0"
+    :placeholder="item.placeholder || ''"
+    @change="onChange"
+  >
+  </a-checkbox>
+</template>
+<script>
+export default {
+  name: "editSwitch",
+  components: {},
+  inject: {
+    /** baseForm */
+    mainForm: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  props: {
+    item: Object
+  },
+  data() {
+    return {};
+  },
+
+  computed: {},
+  watch: {},
+  // 生命周期
+  created() {},
+  mounted() {},
+
+  // 方法
+  methods: {
+    onChange(e) {
+      this.item.useFormValue = e.target.checked;
+    }
+  }
+};
+</script>
+<style lang="less" scoped></style>