free-fe-core-modules 0.0.2 → 0.0.4

package/field-components/Fields/InputFieldList.vue

@@ -1,299 +0,0 @@
-<template>
-  <div class="input-field-list">
-    <dynamic-list
-      :Field="localField"
-      :values="data"
-      readonly
-      ref="fieldList"
-      selection="multiple"
-    >
-      <template v-slot:top>
-        <q-btn-group class="action-buttons">
-          <q-btn
-            icon="content_copy"
-            @click="copy"
-          >
-            <q-tooltip>拷贝选中</q-tooltip>
-          </q-btn>
-          <q-btn
-            icon="content_paste"
-            @click="paste"
-          >
-            <q-tooltip>粘贴</q-tooltip>
-          </q-btn>
-          <q-btn
-            icon="update"
-            @click="batch"
-            v-if="$refs.fieldList && $refs.fieldList.selected.length > 0"
-          >
-            <q-tooltip>批量修改</q-tooltip>
-          </q-btn>
-        </q-btn-group>
-      </template>
-      <template v-slot:header-actions>
-        <q-btn
-          flat
-          round
-          icon="add"
-          @click="addField"
-        ></q-btn>
-      </template>
-      <template v-slot:body-actions="props">
-        <q-btn
-          flat
-          round
-          icon="edit"
-          @click="editingField=props.row"
-        ></q-btn>
-        <q-btn
-          flat
-          round
-          icon="delete"
-          @click="deleteField(props)"
-        ></q-btn>
-      </template>
-      <template v-slot:warning>
-        <slot name="warning"></slot>
-      </template>
-    </dynamic-list>
-
-    <free-field
-      :Field="editingFieldField"
-      :values="editingField"
-      @cancel="editingField = undefined; $emit('cancel')"
-      @save="saveField"
-      @input="$emit('input')"
-      @update:field="editingFieldChanged"
-    ></free-field>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import mixins from 'free-fe-mixins';
-import DynamicList from './DynamicList';
-
-const clipBoardStore = {
-  content: '',
-  items: [],
-};
-
-// const DynamicList = { ...DList };
-// DynamicList.mixins = (DynamicList.mixins || []).concat(InputFieldMixin.mixins);
-// DynamicList.props = { ...InputFieldMixin.props, ...DynamicList.props };
-// DynamicList.computed = {
-
-//   ...InputFieldMixin.computed,
-//   ...DynamicList.computed,
-// };
-// DynamicList.methods = {
-
-//   ...InputFieldMixin.methods,
-//   ...DynamicList.methods,
-// };
-// DynamicList.created = DynamicList.created || InputFieldMixin.created;
-
-export default defineComponent({
-  name: 'InputFieldList',
-  mixins: [mixins.InputFieldMixin],
-  emits:['save', 'delete', 'cancel','paste:fields', 'batch:fields'],
-  fieldInfo: {
-    Category: 'Advanced',
-    Label: '字段列表',
-    Value: 'FieldList',
-    Description: '',
-  },
-  components: {
-    DynamicList,
-  },
-  data() {
-    return {
-      editingField: undefined,
-      changedFields: [],
-    };
-  },
-  computed: {
-    editingFieldField() {
-      return {
-        Type: 'FieldEditor',
-        Name: '',
-        show: !!this.editingField,
-      };
-    },
-    localField() {
-      return {
-        Type: 'DynamicList',
-        showTop: true,
-        Name: this.Field && this.Field.Name ? this.Field.Name : 'Fields',
-        Options: {
-          Columns:
-            this.Field && this.Field.Options && this.Field.Options.Columns
-              ? this.Field.Options.Columns
-              : [
-                {
-                  Label: '#',
-                  Name: 'Index',
-                  sortable: true,
-                  style: 'max-width: 100px;',
-                },
-                // {
-                //   Label: '日期',
-                //   Name: 'LastUpdateDate',
-                //   style: 'max-width: 160px;',
-                //   sortable: true,
-                //   Options: {
-                //     Filters: 'normalDate',
-                //   },
-                // },
-                {
-                  Label: '名称',
-                  Name: 'Name',
-                  style: 'max-width: 300px; overflow: hidden',
-                  sortable: true,
-                },
-                {
-                  Label: '标题',
-                  Name: 'Label',
-                  style: 'max-width: 300px; min-width: 100px',
-                  sortable: true,
-                },
-                {
-                  Label: '类型',
-                  Name: 'Type',
-                  style: 'max-width: 200px; min-width: 100px',
-                  sortable: true,
-                },
-              ],
-        },
-      };
-    },
-  },
-  methods: {
-    addField() {
-      let newIndex = 1;
-
-      if (this.data) {
-        const fName = this.Field && this.Field.Name ? this.Field.Name : 'Fields';
-        const fData = this.data[fName];
-
-        if (fData && fData.length) {
-          newIndex = fData[fData.length - 1].Index + 1;
-        }
-      }
-
-      this.editingField = {
-        Index: newIndex,
-      };
-    },
-    saveField() {
-      if (!this.editingField) return;
-      const theField = { ...this.editingField };
-
-      if (theField.isBatchEditing) {
-        if (this.$refs.fieldList.selected.length > 0) {
-          const items = [];
-          for (let i = 0; i < this.$refs.fieldList.selected.length; i += 1) {
-            const item = this.$refs.fieldList.selected[i];
-
-            if (item && item.id) {
-              items.push(item.id);
-            }
-          }
-
-          const newFld = {};
-          for (let i = 0; i < this.changedFields.length; i += 1) {
-            const fld = this.changedFields[i];
-            if (fld && typeof theField[fld] !== 'undefined') {
-              newFld[fld] = theField[fld];
-            }
-          }
-          this.editingField = undefined;
-          this.$emit(
-            'batch:fields',
-            { ...newFld, ids: items.join(',') },
-          );
-        }
-      } else {
-        if (typeof theField.auto__index === 'undefined') {
-          // adding new
-          this.$refs.fieldList.addRow(theField);
-        }
-
-        this.editingField = undefined;
-
-        this.$emit('save', theField);
-      }
-    },
-    deleteField(p) {
-      this.$refs.fieldList.deleteRow(p);
-      this.$emit('delete', p.row);
-    },
-    copy() {
-      clipBoardStore.items = [];
-
-      if (
-        !this.$refs.fieldList
-        || !this.$refs.fieldList.selected
-        || this.$refs.fieldList.selected.length <= 0
-      ) {
-        return;
-      }
-
-      const items = [];
-      for (let i = 0; i < this.$refs.fieldList.selected.length; i += 1) {
-        const item = this.$refs.fieldList.selected[i];
-
-        if (item) {
-          items.push(item.id);
-        }
-        clipBoardStore.items.push(item);
-      }
-
-      if (items.length <= 0) return;
-
-      clipBoardStore.content = `EIS_FLOW_FIELD_COPY:${items.join(',')}`;
-    },
-    paste() {
-      // local paste
-      if (clipBoardStore.items && clipBoardStore.items.length > 0) {
-        const fName = (this.Field && this.Field.Name) ? this.Field.Name : 'Fields';
-        this.data[fName] = this.data[fName] || [];
-        this.data[fName] = this.data[fName].concat(clipBoardStore.items.map((i) => {
-          delete i.id;
-          delete i.auto__index;
-          return i;
-        })).sort((a, b) => a.Index - b.Index);
-      }
-
-      // emit to parent
-      if (
-        clipBoardStore.content
-        && clipBoardStore.content.startsWith('EIS_FLOW_FIELD_COPY:')
-      ) {
-        this.$emit(
-          'paste:fields',
-          clipBoardStore.content.substr('EIS_FLOW_FIELD_COPY:'.length),
-          clipBoardStore.items,
-        );
-      }
-    },
-    editingFieldChanged(f) {
-      if (!f) return;
-      this.changedFields.push(f);
-    },
-    batch() {
-      if (
-        !this.$refs.fieldList
-        || !this.$refs.fieldList.selected
-        || this.$refs.fieldList.selected.length <= 0
-      ) {
-        return;
-      }
-
-      this.editingField = {
-        isBatchEditing: true,
-      };
-    },
-  },
-});
-</script>

package/field-components/Fields/Number.vue

@@ -1,247 +0,0 @@
-<template>
-  <span
-    class="simple-field input-field-number row items-center no-wrap"
-    v-if="Field"
-  >
-    <span
-      v-if="Field.ReadOnly"
-      class="full-width"
-    >
-      <span
-        :class="`field-label field-label-readonly ${(Field.Label && Field.Label.trim().length)
-            ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-        v-if="typeof Field.Label !== 'undefined'"
-      >
-        <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">
-        <span
-          class="prefix"
-          v-if="Field.Options && Field.Options.Prefix"
-        >{{Field.Options.Prefix}}</span>
-        <span :style="(Field.Info && Field.Info.Style) ? Field.Info.Style : ''">{{fieldData}}</span>
-        <span
-          class="postfix"
-          v-if="Field.Options && Field.Options.Postfix"
-        >{{Field.Options.Postfix}}</span>
-      </span>
-    </span>
-    <q-input
-      v-else
-      :readonly="Field.ReadOnly"
-      v-bind="$attrs"
-      hide-bottom-space
-      @input="valueChanged"
-      type="number"
-      v-model.number="localData"
-      :ref="`input_field_validator_${Field.Name || Field.Label}`"
-      :maxlength="maxlength"
-    >
-      <template v-slot:before>
-        <span
-          :class="`field-label ${(Field.Label && Field.Label.trim().length)
-            ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-          v-if="typeof Field.Label !== 'undefined'"
-        >
-          <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>
-      </template>
-
-      <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>
-    <slot name="warning"></slot>
-  </span>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import mixins from 'free-fe-mixins';
-
-export default defineComponent({
-  name: 'InputFieldNumber',
-  mixins: [mixins.InputFieldMixin],
-  emits:['input'],
-  fieldInfo: {
-    Category: 'Simple',
-    Label: '数字',
-    Value: 'Number',
-    Extra: [
-      {
-        Type: 'String',
-        Label: '前缀',
-        Name: 'Options.Prefix',
-      },
-      {
-        Type: 'String',
-        Label: '后缀',
-        Name: 'Options.Postfix',
-      },
-      {
-        Type: 'Number',
-        Label: '最小值',
-        Name: 'MinValue',
-      },
-      {
-        Type: 'Number',
-        Label: '最大值',
-        Name: 'MaxValue',
-      },
-      {
-        Type: 'Number',
-        Label: '最大长度',
-        Name: 'Options.MaxLength',
-      },
-      {
-        Type: 'DynamicList',
-        Label: '附加字段',
-        Name: 'Options.Extra',
-        Options: {
-          Columns: [
-            {
-              Label: '值范围',
-              Name: 'Value',
-              Type: 'Labels',
-              Options: {
-                Batch: true,
-              },
-            },
-            {
-              Label: '不在其中时',
-              Type: 'Boolean',
-              Name: 'WhenNotIn',
-              Default: false,
-            },
-            {
-              Label: '字段',
-              Name: 'List',
-              Type: 'FieldList',
-              Options: {
-                Columns: [
-                  {
-                    Label: '#',
-                    Name: 'Index',
-                    sortable: true,
-                  },
-                  {
-                    Label: '名称',
-                    Name: 'Name',
-                    style: 'max-width: 200px;',
-                    sortable: true,
-                  },
-                  {
-                    Label: '标题',
-                    Name: 'Label',
-                    style: 'max-width: 200px;',
-                    sortable: true,
-                  },
-                ],
-              },
-            },
-          ],
-        },
-      },
-    ],
-    Description: '',
-  },
-  data() {
-    return {
-      localData: 0,
-    };
-  },
-  watch: {
-    fieldData() {
-      this.localData = this.fieldData;
-    },
-  },
-  created() {
-    this.localData = this.fieldData;
-  },
-  computed: {
-    maxlength() {
-      if (this.Field && this.Field.Options && this.Field.Options.MaxLength) {
-        return this.Field.Options.MaxLength;
-      }
-
-      return '';
-    },
-  },
-  methods: {
-    valueChanged(d) {
-      if (!d) return;
-
-      if (!Number(d) && Number(d) !== 0) return;
-
-      let v = d;
-      if (typeof this.Field.MinValue !== 'undefined' && Number(this.Field.MinValue) > v) {
-        v = Number(this.Field.MinValue);
-      }
-      if (typeof this.Field.MaxValue !== 'undefined' && Number(this.Field.MaxValue) < v) {
-        v = Number(this.Field.MaxValue);
-      }
-
-      this.localData = v;
-      this.fieldData = v;
-
-      this.$emit('input');
-    },
-    initExtra() {
-      if (
-        this.Field
-        && this.Field.Options
-        && this.Field.Options.Extra
-        && this.Field.Options.Extra.length > 0
-        && this.fieldData
-      ) {
-        const extraList = [];
-        const dataValue = this.fieldData ? this.fieldData.toString() : '';
-        for (let i = 0; i < this.Field.Options.Extra.length; i += 1) {
-          const extra = this.Field.Options.Extra[i];
-
-          if (extra.Value && extra.Value.length > 0) {
-            const hasIndex = extra.Value.indexOf(dataValue);
-            if ((extra.WhenNotIn && hasIndex < 0)
-              || (!extra.WhenNotIn && hasIndex >= 0)) {
-              for (let j = 0; j < extra.List.length; j += 1) {
-                const fld = extra.List[j];
-                // if (extraList.findIndex(f => f.Name === fld.Name && f.Label === fld.Label) < 0) {
-                extraList.push(fld);
-                // }
-              }
-            }
-          }
-        }
-        return extraList;
-      }
-      return [];
-    },
-  },
-});
-</script>

package/field-components/Fields/Password.vue

@@ -1,79 +0,0 @@
-<template>
-  <span class="simple-field input-field-password row items-center no-wrap">
-    <q-input
-      v-model="fieldData"
-      v-bind="$attrs"
-      hide-bottom-space
-      :readonly="Field.ReadOnly"
-      :type="isPwd ? 'password' : 'text'"
-      :autocomplete="(Field.Options && Field.Options.autocomplete) ? '' : 'new-password'"
-      @input="$emit('input')"
-      :ref="`input_field_validator_${Field.Name || Field.Label}`"
-      :maxlength="maxlength"
-    >
-      <template v-slot:before>
-        <span
-          :class="`field-label ${(Field.Label && Field.Label.trim().length)
-            ? '' : 'field-label-empty'} ${Field.Required ? 'required' : ''}`"
-          v-if="typeof Field.Label !== 'undefined'">
-          <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>
-      </template>
-
-      <template v-slot:append>
-        <e-icon
-          :name="isPwd ? 'visibility_off' : 'visibility'"
-          class="cursor-pointer"
-          @click="isPwd = !isPwd"
-        />
-      </template>
-    </q-input>
-    <slot name="warning"></slot>
-  </span>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import mixins from 'free-fe-mixins';
-
-export default defineComponent({
-  name: 'InputFieldPassword',
-  mixins: [mixins.InputFieldMixin],
-  fieldInfo: {
-    Category: 'Simple',
-    Label: '密码',
-    Value: 'Password',
-    Description: '',
-    Extra: [
-      {
-        Type: 'Boolean',
-        Label: '自动填入',
-        Name: 'Options.autocomplete',
-        Default: 'false',
-      },
-      {
-        Type: 'Number',
-        Label: '最大长度',
-        Name: 'Options.MaxLength',
-      },
-    ],
-  },
-  data() {
-    return {
-      isPwd: true,
-    };
-  },
-  computed: {
-    maxlength() {
-      if (this.Field && this.Field.Options
-        && this.Field.Options.MaxLength) {
-        return this.Field.Options.MaxLength;
-      }
-
-      return '';
-    },
-  },
-});
-</script>

package/field-components/Fields/Static.vue

@@ -1,22 +0,0 @@
-<template>
-  <div class="input-field-static">
-    <slot name="warning"></slot>
-    {{fieldData}}
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue';
-import mixins from 'free-fe-mixins';
-
-export default defineComponent({
-  name: 'InputFieldStatic',
-  mixins: [mixins.InputFieldMixin],
-  fieldInfo: {
-    Category: 'Static',
-    Label: '固定内容',
-    Value: 'Static',
-    Description: '',
-  },
-});
-</script>