n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/DialogForm/index.js

@@ -1,8 +1,8 @@
-import DialogFormCustom from './src/main';
-
-/* istanbul ignore next */
-DialogFormCustom.install = function(Vue) {
-    Vue.component(DialogFormCustom.name, DialogFormCustom);
-};
-
-export default DialogFormCustom;
+import DialogFormCustom from './src/main';
+
+/* istanbul ignore next */
+DialogFormCustom.install = function(Vue) {
+    Vue.component(DialogFormCustom.name, DialogFormCustom);
+};
+
+export default DialogFormCustom;

package/nstc-g6/components/DialogForm/src/demo/index.vue

@@ -1,56 +1,56 @@
-<template>
-  <div class="">
-    <el-button @click="visible = true">
-      点我
-    </el-button>
-    <DialogFormCustom
-      :visible="visible"
-      :form-config="formConfig"
-      :rules="rules"
-      @confirm="handleConfirm"
-    />
-  </div>
-</template>
-
-<script>
-import DialogFormCustom from '../main'
-
-export default {
-  components: {
-    DialogFormCustom
-  },
-
-  data() {
-    return {
-      visible: false,
-      formConfig: [[
-        {
-          mold: 'input',
-          name: '姓名',
-          prop: 'prop1'
-        },
-        {
-          mold: 'datepicker',
-          name: '日期',
-          prop: 'prop2'
-        }
-      ]],
-      rules: {
-        prop1: [
-          { required: true, message: '姓名不能为空', trigger: 'blur' }
-        ],
-        prop2: [
-          { required: true, message: '日期不能为空', trigger: 'blur' }
-        ]
-      }
-    }
-  },
-
-  methods: {
-    handleConfirm() {
-      this.visible = false
-      return Promise.resolve()
-    }
-  }
-}
-</script>
+<template>
+  <div class="">
+    <el-button @click="visible = true">
+      点我
+    </el-button>
+    <DialogFormCustom
+      :visible="visible"
+      :form-config="formConfig"
+      :rules="rules"
+      @confirm="handleConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import DialogFormCustom from '../main'
+
+export default {
+  components: {
+    DialogFormCustom
+  },
+
+  data() {
+    return {
+      visible: false,
+      formConfig: [[
+        {
+          mold: 'input',
+          name: '姓名',
+          prop: 'prop1'
+        },
+        {
+          mold: 'datepicker',
+          name: '日期',
+          prop: 'prop2'
+        }
+      ]],
+      rules: {
+        prop1: [
+          { required: true, message: '姓名不能为空', trigger: 'blur' }
+        ],
+        prop2: [
+          { required: true, message: '日期不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+
+  methods: {
+    handleConfirm() {
+      this.visible = false
+      return Promise.resolve()
+    }
+  }
+}
+</script>

package/nstc-g6/components/DialogForm/src/main.vue

@@ -1,189 +1,189 @@
-<!--
-  功能：    表单里面的弹框查询
-  作者：    nstc
-  创建时间： 2021-02-04
--->
-
-<template>
-  <div>
-    <DialogCustom
-        v-model="dialogVisible"
-        v-bind="$attrs"
-        @confirm="handleConfirm"
-        @cancel="handleCancel"
-    >
-      <slot name="before" />
-      <NstcForm
-          ref="dialogForm"
-          v-model="formModel"
-          :reset.sync="reset"
-          :mount-and-query="false"
-          :config="formConfig"
-          :rules="rules"
-          :pureable="pureable"
-          :label-position="labelPosition"
-          :label-width="labelWidth"
-          :show-message="showMessage"
-          :validate-on-rule-change="validateOnRuleChange"
-          :mode="mode"
-      />
-      <slot name="after" />
-    </DialogCustom>
-  </div>
-</template>
-
-<script>
-import DialogCustom from '../../Dialog/src/main'
-import NstcForm from '../../Form/Component'
-
-export default {
-  name: 'DialogFormCustom',
-  components: {
-    DialogCustom,
-    NstcForm
-  },
-
-  inheritAttrs: false,
-
-  model: {
-    prop: 'formModel'
-  },
-
-  props: {
-    formModel: {
-      default: () => ({}),
-      type: Object
-    },
-
-    visible: {
-      type: Boolean,
-      default: false
-    },
-
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-
-    formConfig: {
-      type: Array,
-      default: () => []
-    },
-
-    rules: {
-      type: Object,
-      default: null
-    },
-
-    labelPosition: {
-      type: String,
-      default: 'right'
-    },
-
-    labelWidth: {
-      type: [String, Number],
-      default: 80
-    },
-
-    resetAfterClose: {
-      type: Boolean,
-      default: true
-    },
-
-    // 是否是纯净模式 (删除 renderable === false 的item.prop对应model的值)
-    pureable: {
-      default: false,
-      type: Boolean
-    },
-
-    validateOnRuleChange: {
-      default: false,
-      type: Boolean
-    },
-
-    mode: {
-      default: 'horizontal',
-      validator: function(val) {
-        return ['horizontal', 'vertical'].includes(val)
-      }
-    }
-  },
-
-  data() {
-    return {
-      reset: false
-    }
-  },
-
-  computed: {
-    dialogVisible: {
-      get() {
-        return this.visible
-      },
-      set(val) {
-        this.$emit('update:visible', val)
-      }
-    }
-  },
-
-  watch: {
-    formModel: {
-      deep: true,
-      handler(val) {
-        this.$emit('input', val)
-        this.$emit('change', val)
-      }
-    }
-  },
-
-  methods: {
-    async handleConfirm() {
-      try {
-        if (this.rules) {
-          await this.$refs.dialogForm.validate()
-        }
-
-        if (this.$listeners.confirm) {
-          await this.$listeners.confirm(this.formModel) // $listeners.confirm 须返回Promise
-        }
-
-        await this.$nextTick()
-
-        this.handleReset()
-
-        return Promise.resolve()
-      } catch (err) {
-        return Promise.reject(err)
-      }
-    },
-
-    async handleCancel() {
-      try {
-        const model = JSON.parse(JSON.stringify(this.formModel))
-
-        this.$listeners.cancel && await this.$listeners.cancel(model) // $listeners.confirm 须返回Promise
-
-        this.handleReset()
-
-        return Promise.resolve()
-      } catch (err) {
-        return Promise.reject(err)
-      }
-    },
-
-    clearFormValidate() {
-      this.$refs.dialogForm.clearValidate()
-    },
-
-    handleReset() {
-      if (this.resetAfterClose) {
-        this.reset = true
-        this.$nextTick(() => {
-          this.$refs.dialogForm && this.$refs.dialogForm.clearValidate()
-        })
-      }
-    }
-  }
-}
-</script>
-
+<!--
+  功能：    表单里面的弹框查询
+  作者：    nstc
+  创建时间： 2021-02-04
+-->
+
+<template>
+  <div>
+    <DialogCustom
+        v-model="dialogVisible"
+        v-bind="$attrs"
+        @confirm="handleConfirm"
+        @cancel="handleCancel"
+    >
+      <slot name="before" />
+      <NstcForm
+          ref="dialogForm"
+          v-model="formModel"
+          :reset.sync="reset"
+          :mount-and-query="false"
+          :config="formConfig"
+          :rules="rules"
+          :pureable="pureable"
+          :label-position="labelPosition"
+          :label-width="labelWidth"
+          :show-message="showMessage"
+          :validate-on-rule-change="validateOnRuleChange"
+          :mode="mode"
+      />
+      <slot name="after" />
+    </DialogCustom>
+  </div>
+</template>
+
+<script>
+import DialogCustom from '../../Dialog/src/main'
+import NstcForm from '../../Form/Component'
+
+export default {
+  name: 'DialogFormCustom',
+  components: {
+    DialogCustom,
+    NstcForm
+  },
+
+  inheritAttrs: false,
+
+  model: {
+    prop: 'formModel'
+  },
+
+  props: {
+    formModel: {
+      default: () => ({}),
+      type: Object
+    },
+
+    visible: {
+      type: Boolean,
+      default: false
+    },
+
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+
+    formConfig: {
+      type: Array,
+      default: () => []
+    },
+
+    rules: {
+      type: Object,
+      default: null
+    },
+
+    labelPosition: {
+      type: String,
+      default: 'right'
+    },
+
+    labelWidth: {
+      type: [String, Number],
+      default: 80
+    },
+
+    resetAfterClose: {
+      type: Boolean,
+      default: true
+    },
+
+    // 是否是纯净模式 (删除 renderable === false 的item.prop对应model的值)
+    pureable: {
+      default: false,
+      type: Boolean
+    },
+
+    validateOnRuleChange: {
+      default: false,
+      type: Boolean
+    },
+
+    mode: {
+      default: 'horizontal',
+      validator: function(val) {
+        return ['horizontal', 'vertical'].includes(val)
+      }
+    }
+  },
+
+  data() {
+    return {
+      reset: false
+    }
+  },
+
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.visible
+      },
+      set(val) {
+        this.$emit('update:visible', val)
+      }
+    }
+  },
+
+  watch: {
+    formModel: {
+      deep: true,
+      handler(val) {
+        this.$emit('input', val)
+        this.$emit('change', val)
+      }
+    }
+  },
+
+  methods: {
+    async handleConfirm() {
+      try {
+        if (this.rules) {
+          await this.$refs.dialogForm.validate()
+        }
+
+        if (this.$listeners.confirm) {
+          await this.$listeners.confirm(this.formModel) // $listeners.confirm 须返回Promise
+        }
+
+        await this.$nextTick()
+
+        this.handleReset()
+
+        return Promise.resolve()
+      } catch (err) {
+        return Promise.reject(err)
+      }
+    },
+
+    async handleCancel() {
+      try {
+        const model = JSON.parse(JSON.stringify(this.formModel))
+
+        this.$listeners.cancel && await this.$listeners.cancel(model) // $listeners.confirm 须返回Promise
+
+        this.handleReset()
+
+        return Promise.resolve()
+      } catch (err) {
+        return Promise.reject(err)
+      }
+    },
+
+    clearFormValidate() {
+      this.$refs.dialogForm.clearValidate()
+    },
+
+    handleReset() {
+      if (this.resetAfterClose) {
+        this.reset = true
+        this.$nextTick(() => {
+          this.$refs.dialogForm && this.$refs.dialogForm.clearValidate()
+        })
+      }
+    }
+  }
+}
+</script>
+