doway-coms 2.3.2 → 2.3.4

package/packages/BaseButton/src/index.vue

@@ -1,241 +1,241 @@
-<template>
-  <div class="d-control-container">
-    <div class="d-control-label">
-      {{ colInfo.title
-      }}<span
-        v-if="colInfo.rules && colInfo.rules['required']"
-        class="d-control-label-required"
-      >*
-      </span>
-    </div>
-    <div class="d-control">
-      <ValidationProvider
-        :name="colInfo.title"
-        v-slot="v"
-        :rules="colInfo.rules"
-      >
-        <span
-          v-if="
-            currentValue !== null &&
-              currentValue !== '' &&
-              currentValue !== undefined
-          "
-        >
-          {{ currentValue }}&nbsp;&nbsp;&nbsp;
-        </span>
-        <Button type="primary" :size="'small'" @click="buttonClick">{{
-          colInfo.buttonTitle
-        }}</Button>
-        <div class="d-error-msg">
-          {{ v.errors[0] }}
-        </div>
-        <!-- 弹出框输入,单独保存接口 -->
-        <Modal
-          v-model="visibleModal"
-          :title="colInfo.buttonTitle + '--' + colInfo.title"
-          @ok="handleOk"
-        >
-          <!-- 文本框输入 -->
-          <Input
-            v-if="
-              colInfo.controlType == 'text' ||
-                colInfo.controlType == null ||
-                colInfo.controlType == undefined
-            "
-            :size="'small'"
-            v-model="showValue"
-            placeholder="请输入需保存的值"
-            style="width: 100%"
-            :class="{ 'd-error-input': v.errors.length > 0 }"
-          />
-          <!-- 文本框输入控件 -->
-          <BaseTextArea
-            v-if="colInfo.controlType === 'textarea'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-          />
-          <!-- 日期选择控件 -->
-          <BaseDate
-            v-if="colInfo.controlType === 'date'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :pastDate="colInfo.pastDate"
-            :rules="colInfo.rules"
-            :edit="true"
-          />
-          <!-- 日期时间控件 -->
-          <BaseDatetime
-            v-if="colInfo.controlType === 'datetime'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :pastDate="colInfo.pastDate"
-            :rules="colInfo.rules"
-            :edit="true"
-          />
-          <!-- 时间选择控件 -->
-          <BaseTime
-            v-if="colInfo.controlType === 'time'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-          />
-          <!-- 周数选择器 -->
-          <BaseDateWeek
-            v-if="colInfo.controlType === 'dateweek'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-          />
-          <!-- 数字输入 -->
-          <BaseNumberInput
-            v-if="colInfo.controlType === 'number'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-            :min="colInfo.min"
-            :max="colInfo.max"
-            :precision="colInfo.precision"
-          />
-          <BaseIntervalInput
-            v-if="colInfo.controlType === 'interval'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-            :displayType="colInfo.displayType"
-            :valueType="colInfo.valueType"
-          />
-          <!-- 单选框 -->
-          <BaseCheckbox
-            v-if="colInfo.controlType === 'checkbox'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-          />
-          <!-- 下拉选择器 -->
-          <BaseSelect
-            v-if="colInfo.controlType === 'select'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="true"
-            :rules="colInfo.rules"
-            :dataSource="colInfo.dataSource"
-          />
-          <BaseSelectMulti
-            v-if="colInfo.controlType === 'dropmulti'"
-            :label="colInfo.title"
-            v-model="currentValue"
-            :edit="colInfo.edit"
-            :rules="colInfo.rules"
-            :dataSource="colInfo.dataSource"
-          />
-          <!-- 下拉表格容器 -->
-          <BasePulldown
-            v-if="colInfo.controlType === 'pulldown'"
-            :formRow="formRow"
-            :edit="true"
-            :defaultExpression="colInfo.defaultExpression"
-            :row="row"
-            :api="colInfo.api"
-            :optBtns="colInfo.optBtns"
-            :popupAddName="colInfo.popupAddName"
-            :popupAddPath="colInfo.popupAddPath"
-            :label="colInfo.title"
-            :rules="colInfo.rules"
-            :route="colInfo.route"
-            v-model="currentValue"
-            :field="colInfo.field"
-            :columns="colInfo.columns"
-            :pageSize="colInfo.pageSize"
-            :immediate="colInfo.immediate"
-          />
-        </Modal>
-      </ValidationProvider>
-    </div>
-  </div>
-</template>
-<script>
-import { Modal, Input, Button } from 'ant-design-vue'
-import { ValidationProvider } from 'vee-validate'
-export default {
-  name: 'BaseButton',
-  components: {
-    ValidationProvider,
-    Modal,
-    Input,
-    Button,
-  },
-  data() {
-    return {
-      showValue: '',
-      // 弹出框是否展示
-      visibleModal: false
-    }
-  },
-  computed: {
-    currentValue: {
-      // 动态计算currentValue的值
-      get: function() {
-        return this.value // 将props中的value赋值给currentValue
-      },
-      set: function(val) {
-        this.$emit('input', val) // 通过$emit触发父组件
-      }
-    }
-  },
-  props: {
-    value: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    colInfo: {
-      type: Object,
-      default: function() {
-        return {}
-      }
-    },
-    row: {
-      // 当前行，如果是表单的话当前行和当前页面数据集是一样的
-      type: Object,
-      default: function() {
-        return {}
-      }
-    },
-    formRow: {
-      // 当前页面数据集
-      type: Object,
-      default: () => {
-        return {}
-      }
-    }
-  },
-  created() {},
-  mounted() {
-    // 将父组件的值拿来用，确认更改前不改变外部的值
-    this.showValue = this.value
-  },
-  methods: {
-    // 弹出框显示
-    buttonClick() {
-      this.visibleModal = true
-    },
-    // 确认
-    handleOk() {
-      this.$emit('handleOk', this.showValue)
-      this.$nextTick(() => {
-        this.visibleModal = false
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="d-control-container">
+    <div class="d-control-label">
+      {{ colInfo.title
+      }}<span
+        v-if="colInfo.rules && colInfo.rules['required']"
+        class="d-control-label-required"
+      >*
+      </span>
+    </div>
+    <div class="d-control">
+      <ValidationProvider
+        :name="colInfo.title"
+        v-slot="v"
+        :rules="colInfo.rules"
+      >
+        <span
+          v-if="
+            currentValue !== null &&
+              currentValue !== '' &&
+              currentValue !== undefined
+          "
+        >
+          {{ currentValue }}&nbsp;&nbsp;&nbsp;
+        </span>
+        <Button type="primary" :size="'small'" @click="buttonClick">{{
+          colInfo.buttonTitle
+        }}</Button>
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+        <!-- 弹出框输入,单独保存接口 -->
+        <Modal
+          v-model="visibleModal"
+          :title="colInfo.buttonTitle + '--' + colInfo.title"
+          @ok="handleOk"
+        >
+          <!-- 文本框输入 -->
+          <Input
+            v-if="
+              colInfo.controlType == 'text' ||
+                colInfo.controlType == null ||
+                colInfo.controlType == undefined
+            "
+            :size="'small'"
+            v-model="showValue"
+            placeholder="请输入需保存的值"
+            style="width: 100%"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+          <!-- 文本框输入控件 -->
+          <BaseTextArea
+            v-if="colInfo.controlType === 'textarea'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+          />
+          <!-- 日期选择控件 -->
+          <BaseDate
+            v-if="colInfo.controlType === 'date'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :pastDate="colInfo.pastDate"
+            :rules="colInfo.rules"
+            :edit="true"
+          />
+          <!-- 日期时间控件 -->
+          <BaseDatetime
+            v-if="colInfo.controlType === 'datetime'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :pastDate="colInfo.pastDate"
+            :rules="colInfo.rules"
+            :edit="true"
+          />
+          <!-- 时间选择控件 -->
+          <BaseTime
+            v-if="colInfo.controlType === 'time'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+          />
+          <!-- 周数选择器 -->
+          <BaseDateWeek
+            v-if="colInfo.controlType === 'dateweek'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+          />
+          <!-- 数字输入 -->
+          <BaseNumberInput
+            v-if="colInfo.controlType === 'number'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+            :min="colInfo.min"
+            :max="colInfo.max"
+            :precision="colInfo.precision"
+          />
+          <BaseIntervalInput
+            v-if="colInfo.controlType === 'interval'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+            :displayType="colInfo.displayType"
+            :valueType="colInfo.valueType"
+          />
+          <!-- 单选框 -->
+          <BaseCheckbox
+            v-if="colInfo.controlType === 'checkbox'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+          />
+          <!-- 下拉选择器 -->
+          <BaseSelect
+            v-if="colInfo.controlType === 'select'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="true"
+            :rules="colInfo.rules"
+            :dataSource="colInfo.dataSource"
+          />
+          <BaseSelectMulti
+            v-if="colInfo.controlType === 'dropmulti'"
+            :label="colInfo.title"
+            v-model="currentValue"
+            :edit="colInfo.edit"
+            :rules="colInfo.rules"
+            :dataSource="colInfo.dataSource"
+          />
+          <!-- 下拉表格容器 -->
+          <BasePulldown
+            v-if="colInfo.controlType === 'pulldown'"
+            :formRow="formRow"
+            :edit="true"
+            :defaultExpression="colInfo.defaultExpression"
+            :row="row"
+            :api="colInfo.api"
+            :optBtns="colInfo.optBtns"
+            :popupAddName="colInfo.popupAddName"
+            :popupAddPath="colInfo.popupAddPath"
+            :label="colInfo.title"
+            :rules="colInfo.rules"
+            :route="colInfo.route"
+            v-model="currentValue"
+            :field="colInfo.field"
+            :columns="colInfo.columns"
+            :pageSize="colInfo.pageSize"
+            :immediate="colInfo.immediate"
+          />
+        </Modal>
+      </ValidationProvider>
+    </div>
+  </div>
+</template>
+<script>
+import { Modal, Input, Button } from 'ant-design-vue'
+import { ValidationProvider } from 'vee-validate'
+export default {
+  name: 'BaseButton',
+  components: {
+    ValidationProvider,
+    Modal,
+    Input,
+    Button,
+  },
+  data() {
+    return {
+      showValue: '',
+      // 弹出框是否展示
+      visibleModal: false
+    }
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        return this.value // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        this.$emit('input', val) // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    value: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    colInfo: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
+    row: {
+      // 当前行，如果是表单的话当前行和当前页面数据集是一样的
+      type: Object,
+      default: function() {
+        return {}
+      }
+    },
+    formRow: {
+      // 当前页面数据集
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  created() {},
+  mounted() {
+    // 将父组件的值拿来用，确认更改前不改变外部的值
+    this.showValue = this.value
+  },
+  methods: {
+    // 弹出框显示
+    buttonClick() {
+      this.visibleModal = true
+    },
+    // 确认
+    handleOk() {
+      this.$emit('handleOk', this.showValue)
+      this.$nextTick(() => {
+        this.visibleModal = false
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

package/packages/BaseCheckbox/index.js

@@ -1,8 +1,8 @@
-// 导入组件，组件必须声明 name
-import BaseCheckbox from './src/index.vue';
-// 为组件提供 install 安装方法，供按需引入
-BaseCheckbox.install = function(Vue) {
-    Vue.component(BaseCheckbox.name, BaseCheckbox);
-};
-// 默认导出组件
+// 导入组件，组件必须声明 name
+import BaseCheckbox from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BaseCheckbox.install = function(Vue) {
+    Vue.component(BaseCheckbox.name, BaseCheckbox);
+};
+// 默认导出组件
 export default BaseCheckbox;