free-fe-core-modules 0.0.7 → 0.0.8

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="https://freeeis.aslancer.com" target="_blank">
+  <a href="https://www.freeeis.com" target="_blank">
     <img
       src="https://user-images.githubusercontent.com/33030594/227073920-03ed137f-c4f7-4ed7-ae05-d781dd1991f7.png"
       alt="FreeEIS"
@@ -22,7 +22,7 @@
 
 简体中文 | [English](https://github.com/freeeis/.github/blob/main/profile/README.en-us.md)
 
-[更多文档](https://freeeis.aslancer.com)（完善中……）
+[更多文档](https://www.freeeis.com)（完善中……）
 
 FreeEIS，是一种可扩展的、企业级系统统一开发框架。FreeEIS旨在解决越来越流行的远程协作开发中，系统拆分及组装的问题。并且通过积累越来越多的功能模块，使得系统的搭建更快捷。
 

package/components/Dialog/BasicDialog.vue

@@ -242,7 +242,7 @@ export default defineComponent({
       //   this.textValid = this.validateFunc(this.textContent);
       //   if (!this.textValid) return;
       // }
-      if (!this.validate()) {
+      if (!this.canOK || !this.validate()) {
         return;
       }
 
@@ -265,6 +265,8 @@ export default defineComponent({
       }
     },
     btnCancel() {
+      if (!this.canCancel) return;
+
       this.$emit('cancel');
 
       if (this.timer) {

package/components/SlidingNews/index.vue

@@ -37,7 +37,7 @@
           <q-space />
           <div class="sliding-news-right"
             :style="`line-height: ${heightString}`">
-              {{filter('normalDate',(carouse.PublishDate || carouse.LastUpdateDate))}}
+              {{$filter('normalDate',(carouse.PublishDate || carouse.LastUpdateDate))}}
           </div>
         </div>
       </q-carousel-slide>
@@ -105,7 +105,6 @@ export default defineComponent({
     return {
       visible: true,
       slide: 0,
-      timer: undefined,
     };
   },
   computed: {
@@ -119,18 +118,18 @@ export default defineComponent({
 
       return this.height;
     },
-  },
-  localData() {
-    const fks = Object.keys(this.fields || {});
-    return (this.data || []).map((dd) => {
-      const ret = {};
-      for (let i = 0; i < fks.length; i += 1) {
-        const fk = fks[i];
-        ret[fk] = dd[this.fields[fk]];
-      }
+    localData() {
+      const fks = Object.keys(this.fields || {});
+      return (this.data || []).map((dd) => {
+        const ret = {};
+        for (let i = 0; i < fks.length; i += 1) {
+          const fk = fks[i];
+          ret[fk] = dd[this.fields[fk]];
+        }
 
-      return { ...dd, ...ret };
-    });
+        return { ...dd, ...ret };
+      });
+    },
   },
   methods: {
     newsClicked(news) {
@@ -142,16 +141,6 @@ export default defineComponent({
         this.router.push({ path: url });
       }
     },
-    // carouselNext() {
-    //   if (!this.data || this.data.length < 2 || !this.$refs.carousel) {
-    //     return;
-    //   }
-
-    //   this.$refs.carousel.next();
-    // },
   },
-  // beforeUnmount() {
-  //   clearInterval(this.timer);
-  // },
 });
 </script>

package/free-field/Fields/ApiCall.js

@@ -1,5 +1,5 @@
 import { defineComponent, getCurrentInstance, h, ref, watchEffect } from 'vue';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import ReadonlyContent from '../composible/readonlyContent';
 
 export default defineComponent({
@@ -54,9 +54,6 @@ export default defineComponent({
   props: {
     ...freeFieldProps,
   },
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { slots }){
     if (!props.Field) return {};
 

package/free-field/Fields/Boolean.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, ref } from 'vue';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import { QToggle } from 'quasar';
 import freeFieldLabel from '../composible/freeFieldLabel';
 
@@ -69,9 +69,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots }){
     if (!props.Field) return {};
 

package/free-field/Fields/Check.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, ref } from 'vue';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import { QCheckbox } from 'quasar';
 import freeFieldLabel from '../composible/freeFieldLabel';
 
@@ -69,9 +69,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots }){
     if (!props.Field) return {};
 

package/free-field/Fields/Column.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="input-field-column column" :class="columnClasses">
+    <input-field
+      v-for="(field, idx) in Field.Options.List"
+      :Field="field"
+      :values="fieldData"
+      :key="idx"
+      @input="$emit('input')"></input-field>
+  </div>
+</template>
+
+<script>
+import { InputFieldMixin } from 'eis-admin-mixins';
+
+export default {
+  name: 'InputFieldColumn',
+  mixins: [InputFieldMixin],
+  fieldInfo: {
+    Category: 'Container',
+    Label: '列',
+    Value: 'Column',
+    Extra: [
+      {
+        Label: '不换行',
+        Name: 'Options.NoWrap',
+        Type: 'Bollean',
+      },
+      {
+        Label: '横向对齐',
+        Name: 'Options.ItemsAlign',
+        Type: 'Select',
+        Options: [
+          {
+            Label: '居上',
+            Value: 'items-start',
+          },
+          {
+            Label: '居中',
+            Value: 'items-center',
+          },
+          {
+            Label: '居下',
+            Value: 'items-end',
+          },
+        ],
+      },
+      {
+        Label: '竖向对齐',
+        Name: 'Options.JustifyAlign',
+        Type: 'Select',
+        Options: [
+          {
+            Label: '居左',
+            Value: 'justify-start',
+          },
+          {
+            Label: '居中',
+            Value: 'justify-center',
+          },
+          {
+            Label: '居右',
+            Value: 'justify-end',
+          },
+          {
+            Label: '围绕',
+            Value: 'justify-around',
+          },
+          {
+            Label: '之间',
+            Value: 'justify-between',
+          },
+          {
+            Label: '均匀',
+            Value: 'justify-evently',
+          },
+        ],
+      },
+      {
+        Label: '字段',
+        Name: 'Options.List',
+        Type: 'FieldList',
+        Options: {
+          Columns: [
+            {
+              Label: '#',
+              Name: 'Index',
+              sortable: true,
+            },
+            {
+              Label: '类型',
+              Name: 'Type',
+              style: 'max-width: 120px;',
+              sortable: true,
+            },
+            {
+              Label: '名称',
+              Name: 'Name',
+              style: 'max-width: 200px;',
+            },
+            {
+              Label: '默认',
+              Name: 'Default',
+              style: 'max-width: 200px;',
+            },
+            {
+              Label: '标题',
+              Name: 'Label',
+              style: 'max-width: 200px;',
+              sortable: true,
+            },
+          ],
+        },
+      },
+    ],
+    Description: '',
+  },
+  computed: {
+    columnClasses() {
+      return '';
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

package/free-field/Fields/Date.js

@@ -1,6 +1,6 @@
 import { ref, defineComponent, getCurrentInstance, h, computed } from 'vue';
 import { QInput, QIcon, QPopupProxy, QDate } from 'quasar';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import freeFieldLabel from '../composible/freeFieldLabel';
 import { useFormValidator} from '../../composible/useFormValidator';
 
@@ -38,9 +38,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots, expose }){
     if (!props.Field) return {};
 

package/free-field/Fields/DateRange.js

@@ -1,6 +1,6 @@
 import { ref, defineComponent, getCurrentInstance, h, computed, watch, watchEffect } from 'vue';
 import { QInput, QIcon, QPopupProxy, QDate } from 'quasar';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import freeFieldLabel from '../composible/freeFieldLabel';
 import { useFormValidator} from '../../composible/useFormValidator';
 
@@ -38,9 +38,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots, expose }){
     if (!props.Field) return {};
 

package/free-field/Fields/DynamicList.js

@@ -1,6 +1,6 @@
 import { ref, defineComponent, getCurrentInstance, h, computed, watchEffect } from 'vue';
 import { QTable, QTh, QTd, QTr, QIcon } from 'quasar';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import freeFieldLabel from '../composible/freeFieldLabel';
 import FreeField from '../composible/fieldWrapper';
 import { useFormValidator} from '../../composible/useFormValidator';
@@ -177,9 +177,6 @@ export default defineComponent({
     selection: { type: String, default: 'none' },
   },
   emits: ['input', 'add', 'delete'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots, expose }){
     if (!props.Field) {
       return () => null;

package/free-field/Fields/Number.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, watch, computed } from 'vue';
 import { QInput } from 'quasar';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import ReadonlyContent from '../composible/readonlyContent';
 import freeFieldLabel from '../composible/freeFieldLabel';
 import { useFormValidator} from '../../composible/useFormValidator';
@@ -93,9 +93,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots , expose }){
     if (!props.Field) return {};
 

package/free-field/Fields/NumberRange.vue

@@ -0,0 +1,145 @@
+<template>
+  <span class="input-field-number-range simple-field">
+    <span v-if="Field.ReadOnly">
+      <span
+        :class="`field-label field-label-readonly ${(Field.Label && Field.Label.trim().length)
+            ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
+        v-if="Field.Label"
+      >
+        <q-tooltip v-if="Field.Description" anchor="top right">{{Field.Description}}</q-tooltip>
+        {{Field.Label || ''}}
+        <span v-if="Field.Required" class="required-mark">*</span>
+      </span>
+      <span class="readonly-content">{{fieldData}}</span>
+    </span>
+    <span v-else class="row items-center no-wrap">
+      <q-input
+        :readonly="Field.ReadOnly"
+        v-bind="$attrs"
+        :placeholder="$attrs.placeholder || $t(getModule('field-components').config['defaultInputFieldPlaceholder'])"
+        v-on="$listeners"
+        hide-bottom-space
+        @input="rangeChanged"
+        type="number"
+        v-model.number="range.min"
+        :ref="`input_field_validator_${Field.Name || Field.Label}`"
+        :maxlength="maxlength"
+      >
+        <template
+          v-slot:prepend
+          v-if="Field.Options && Field.Options.Prefix"
+        >
+          <span class="prefix">{{Field.Options.Prefix}}</span>
+        </template>
+
+        <template
+          v-slot:append
+          v-if="Field.Options && Field.Options.Postfix"
+        >
+          <span class="postfix">{{Field.Options.Postfix}}</span>
+        </template>
+      </q-input>
+      <span class="input-field-range-separator">{{`${Field.Separator || '~'}`}}</span>
+      <q-input
+        :readonly="Field.ReadOnly"
+        v-bind="$attrs"
+        :placeholder="$attrs.placeholder || $t(getModule('field-components').config['defaultInputFieldPlaceholder'])"
+        v-on="$listeners"
+        hide-bottom-space
+        @input="rangeChanged"
+        type="number"
+        v-model.number="range.max"
+        :ref="`input_field_validator_${Field.Name || Field.Label}2`"
+        :maxlength="maxlength"
+      >
+        <template
+          v-slot:prepend
+          v-if="Field.Options && Field.Options.Prefix"
+        >
+          <span class="prefix">{{Field.Options.Prefix}}</span>
+        </template>
+
+        <template
+          v-slot:append
+          v-if="Field.Options && Field.Options.Postfix"
+        >
+          <span class="postfix">{{Field.Options.Postfix}}</span>
+        </template>
+      </q-input>
+    </span>
+
+    <slot name="warning"></slot>
+  </span>
+</template>
+
+<script>
+import { InputFieldMixin } from 'eis-admin-mixins';
+
+export default {
+  name: 'InputFieldNumberRange',
+  mixins: [InputFieldMixin],
+  fieldInfo: {
+    Category: 'Simple',
+    Label: '数字范围',
+    Value: 'NumberRange',
+    Extra: [
+      {
+        Type: 'String',
+        Label: '最小值',
+        Name: 'MinValue',
+      },
+      {
+        Type: 'String',
+        Label: '最大值',
+        Name: 'MaxValue',
+      },
+    ],
+    Description: '',
+  },
+  data() {
+    return {
+      range: {
+        min: 0,
+        max: 0,
+      },
+    };
+  },
+  watch: {
+    fieldData() {
+      const yl = (this.fieldData || '').split(this.Field.Separator || '~');
+      [this.range.min, this.range.max] = yl;
+    },
+  },
+  computed: {
+    maxlength() {
+      if (this.Field && this.Field.Options && this.Field.Options.MaxLength) {
+        return this.Field.Options.MaxLength;
+      }
+
+      return '';
+    },
+  },
+  methods: {
+    rangeChanged() {
+      let min = Number(this.range.min);
+      let max = Number(this.range.max);
+      if (!min && min !== 0 && !max && max !== 0) return;
+
+      const minValue = this.Field.MinValue !== void 0 && Number(this.Field.MinValue) || -Infinity;
+      const maxValue = this.Field.MaxValue !== void 0 && Number(this.Field.MaxValue) || Infinity;
+
+      min = Math.max(min, minValue);
+      min = Math.min(min, maxValue);
+
+      max = Math.max(max, minValue);
+      max = Math.min(max, maxValue);
+
+      this.fieldData = [min, max].join(
+        this.Field.Separator || '~',
+      );
+
+      this.$emit('input');
+    },
+  },
+};
+</script>

package/free-field/Fields/Password.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, ref, computed } from 'vue';
 import { QInput, QIcon } from 'quasar';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import freeFieldLabel from '../composible/freeFieldLabel';
 import { useFormValidator} from '../../composible/useFormValidator';
 
@@ -29,9 +29,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots, expose }){
     if (!props.Field) return {};
 

package/free-field/Fields/Row.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="input-field-row row" :class="rowClasses">
+    <input-field
+      v-for="(field, idx) in Field.Options.List"
+      :Field="field"
+      :values="fieldData"
+      :key="idx"
+      @input="$emit('input')"></input-field>
+  </div>
+</template>
+
+<script>
+import { InputFieldMixin } from 'eis-admin-mixins';
+
+export default {
+  name: 'InputFieldRow',
+  mixins: [InputFieldMixin],
+  fieldInfo: {
+    Category: 'Container',
+    Label: '行',
+    Value: 'Row',
+    Extra: [
+      {
+        Label: '不换行',
+        Name: 'Options.NoWrap',
+        Type: 'Bollean',
+      },
+      {
+        Label: '竖向对齐',
+        Name: 'Options.ItemsAlign',
+        Type: 'Select',
+        Options: [
+          {
+            Label: '居上',
+            Value: 'items-start',
+          },
+          {
+            Label: '居中',
+            Value: 'items-center',
+          },
+          {
+            Label: '居下',
+            Value: 'items-end',
+          },
+        ],
+      },
+      {
+        Label: '横向对齐',
+        Name: 'Options.JustifyAlign',
+        Type: 'Select',
+        Options: [
+          {
+            Label: '居左',
+            Value: 'justify-start',
+          },
+          {
+            Label: '居中',
+            Value: 'justify-center',
+          },
+          {
+            Label: '居右',
+            Value: 'justify-end',
+          },
+          {
+            Label: '围绕',
+            Value: 'justify-around',
+          },
+          {
+            Label: '之间',
+            Value: 'justify-between',
+          },
+          {
+            Label: '均匀',
+            Value: 'justify-evently',
+          },
+        ],
+      },
+      {
+        Label: '字段',
+        Name: 'Options.List',
+        Type: 'FieldList',
+        Options: {
+          Columns: [
+            {
+              Label: '#',
+              Name: 'Index',
+              sortable: true,
+            },
+            {
+              Label: '类型',
+              Name: 'Type',
+              style: 'max-width: 120px;',
+              sortable: true,
+            },
+            {
+              Label: '名称',
+              Name: 'Name',
+              style: 'max-width: 200px;',
+            },
+            {
+              Label: '默认',
+              Name: 'Default',
+              style: 'max-width: 200px;',
+            },
+            {
+              Label: '标题',
+              Name: 'Label',
+              style: 'max-width: 200px;',
+              sortable: true,
+            },
+          ],
+        },
+      },
+    ],
+    Description: '',
+  },
+  computed: {
+    rowClasses() {
+      return '';
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

package/free-field/Fields/String.js

@@ -1,5 +1,5 @@
 import { defineComponent, h, computed } from 'vue';
-import { useFreeField, freeFieldProps, useFreeFieldMethods } from '../composible/useFreeField';
+import { useFreeField, freeFieldProps } from '../composible/useFreeField';
 import { QInput } from 'quasar';
 import ReadonlyContent from '../composible/readonlyContent';
 import freeFieldLabel from '../composible/freeFieldLabel';
@@ -49,9 +49,6 @@ export default defineComponent({
     ...freeFieldProps,
   },
   emits: ['input'],
-  methods: {
-    ...useFreeFieldMethods,
-  },
   setup(props, { emit, slots, expose }){
     if (!props.Field) return {};