free-fe-core-modules 0.0.1

package/free-fields/fieldEditors/stringEditor.js

@@ -0,0 +1,49 @@
+import {
+  defineComponent,
+  h,
+  watchEffect,
+} from "vue";
+import { QInput } from 'quasar';
+
+export default defineComponent({
+  name: "FreeFieldStringEditor",
+  props: {
+    modelValue: String,
+    submitOnClose: Boolean,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs }) {
+    let localValue;
+
+    watchEffect(() => {
+      localValue = props.modelValue;
+    })
+
+    return () => h(QInput,{
+      ...attrs,
+      modelValue: props.modelValue,
+      'onUpdate:modelValue': (e) => {
+        localValue = e || "";
+        if(!props.submitOnClose) {
+          emit('update:modelValue', localValue);
+        }
+      },
+      onKeydown: (e) => {
+        if(!props.submitOnClose) {
+          return;
+        }
+
+        if(e.keyCode === 13) {
+          emit('update:modelValue', localValue);
+        }
+      },
+      onBlur: (e) => {
+        if(!props.submitOnClose) {
+          return;
+        }
+
+        emit('update:modelValue', localValue);
+      }
+    });
+  },
+});

package/free-fields/fieldEditors/textEditor.js

@@ -0,0 +1,50 @@
+import {
+  defineComponent,
+  h,
+  watchEffect
+} from "vue";
+import { QInput } from 'quasar';
+
+export default defineComponent({
+  name: "FreeFieldTextEditor",
+  props: {
+    modelValue: String,
+    submitOnClose: Boolean,
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs }) {
+    let localValue;
+
+    watchEffect(() => {
+      localValue = props.modelValue;
+    })
+
+    return () => h(QInput,{
+      ...attrs,
+      type: 'textarea',
+      modelValue: props.modelValue,
+      'onUpdate:modelValue': (e) => {
+        localValue = e || "";
+        if(!props.submitOnClose) {
+          emit('update:modelValue', localValue);
+        }
+      },
+      onKeydown: (e) => {
+        if(!props.submitOnClose) {
+          return;
+        }
+
+        if(e.keyCode === 13) {
+          emit('update:modelValue', localValue);
+        }
+      },
+      onBlur: (e) => {
+        if(!props.submitOnClose) {
+          return;
+        }
+
+        emit('update:modelValue', localValue);
+      }
+    });
+  },
+});

package/free-fields/fieldEditors/timeEditor.js

@@ -0,0 +1,23 @@
+
+import {
+  defineComponent,
+  h,
+} from "vue";
+import { QInput } from 'quasar';
+
+export default defineComponent({
+  name: "FreeFieldTimeEditor",
+  props: {
+    modelValue: String
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit }) {
+    return () => h(QInput,{
+      type: 'time',
+      modelValue: props.modelValue,
+      'onUpdate:modelValue': (e) => {
+        emit('update:modelValue', e);
+      }
+    });
+  },
+});

package/free-fields/index.js

@@ -0,0 +1,402 @@
+import EditableString from "./EditableString";
+import AutoHide from "./AutoHide";
+import FieldCategory from "./FieldCategory";
+import FieldTypeSelect from "./FieldTypeSelect";
+import CenterContent from "./CenterContent";
+
+import Draggable from "./Draggable";
+import Droppable from "./Droppable";
+
+import FieldEditors from "./fieldEditors";
+
+export default {
+  EditableString,
+  AutoHide,
+  FieldCategory,
+  FieldTypeSelect,
+  CenterContent,
+  Draggable,
+  Droppable,
+
+  ...FieldEditors,
+  freeDialog: {
+    slots: ["default"],
+    params: {
+      visible: false,
+      wrapperStyle: "",
+      shadow: "2",
+      background: "white",
+      close: true,
+    },
+    elements: [
+      {
+        tag: "div",
+        props: {
+          class: "free-dialog-mask absolute-full",
+          style: "position: fixed; z-index: 20;background:transparent;",
+        },
+        if: [
+          {
+            s1: "{{visible}}",
+            o1: "=",
+            s2: true,
+          },
+        ],
+        slots: {
+          default: [
+            {
+              tag: "div",
+              props: {
+                class:
+                  "free-dialog-wrapper absolute-center column bg-{{background}} shadow-{{shadow}}",
+                style: "{{wrapperStyle}}",
+              },
+              slots: {
+                default: [
+                  {
+                    tag: "div",
+                    if: [
+                      {
+                        s1: "{{close}}",
+                        o1: "=",
+                        s2: true,
+                      },
+                    ],
+                    props: {
+                      style:
+                        "position: absolute; right: -8px; top: -8px;z-index: 21;",
+                    },
+                    slots: {
+                      default: [
+                        {
+                          name: "QIcon",
+                          props: {
+                            name: "cancel",
+                            size: "sm",
+                            class: "cursor-pointer",
+                            onClick: [
+                              {
+                                type: "action",
+                                name: "emit",
+                                props: {
+                                  trigger: "closeDialog",
+                                },
+                              },
+                            ],
+                          },
+                        },
+                      ],
+                    },
+                  },
+                  {
+                    tag: "div",
+                    props: {
+                      class: "free-dialog-content col",
+                    },
+                    slots: {
+                      default: [
+                        {
+                          tag: "slot",
+                          name: "default",
+                        },
+                      ],
+                    },
+                  },
+                  {
+                    tag: "div",
+                    props: {
+                      class:
+                        "free-dialog-actions row no-wrap item-center justify-center q-ma-md",
+                    },
+                    slots: {
+                      default: [
+                        {
+                          tag: "slot",
+                          name: "actions",
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  },
+  freeAdminLayout: {
+    params: {
+      id: "",
+      logo: "",
+      logoHeight: "60px",
+      logoWidth: "100px",
+      actionsLeft: false,
+      actions: [],
+      toolbarHeight: "60px",
+      userName: "admin",
+      now: "2021-10-12",
+    },
+    props: {},
+    slots: ["default", "logo", "actions", "user"],
+    elements: [
+      {
+        name: "QLayout",
+        props: {
+          id: "{{id}}",
+          class: "free-layout",
+        },
+        slots: {
+          default: [
+            {
+              name: "QHeader",
+              props: {},
+              slots: {
+                default: [
+                  {
+                    name: "QToolbar",
+                    props: {
+                      style: "height: {{toolbarHeight}};",
+                    },
+                    slots: {
+                      default: [
+                        {
+                          if: [
+                            {
+                              s1: "{{logo}}",
+                            },
+                          ],
+                          name: "QImg",
+                          props: {
+                            src: "{{logo}}",
+                            fit: "scale-down",
+                            height: "{{logoHeight}}",
+                            width: "{{logoWidth}}",
+                            alt: "{{app.config.siteName}}",
+                          },
+                        },
+                        {
+                          tag: "slot",
+                          name: "logo",
+                          if: [
+                            {
+                              s1: "{{logo}}",
+                              o1: "!",
+                            },
+                          ],
+                        },
+                        {
+                          name: "QSpace",
+                          if: [
+                            {
+                              s1: "{{actionsLeft}}",
+                              o1: "!"
+                            }
+                          ]
+                        },
+                        {
+                          if: [
+                            {
+                              s1: "{{actions.length}}"
+                            }
+                          ],
+                          for: "{{actions}}",
+                          "for-item": "action",
+                          name: "QBtn",
+                          props: {
+                            label: "{{action.label}}",
+                            to: "{{action.to}}",
+                          },
+                        },
+                        {
+                          if: [
+                            {
+                              s1: "{{actions.length}}",
+                              o1: "<=",
+                              s2: 0
+                            }
+                          ],
+                          tag: "slot",
+                          name: "actions"
+                        },
+                        {
+                          name: "QSpace",
+                          if: [
+                            {
+                              s1: "{{actionsLeft}}",
+                            }
+                          ]
+                        },
+                        {
+                          name: "QBtn",
+                          if: [
+                            {
+                              s1: "{{app.modules.account}}",
+                              o1: "exists",
+                            },
+                          ],
+                          props: {
+                            flat: true,
+                            class: "user-profile-btn",
+                          },
+                          slots: {
+                            default: [
+                              {
+                                tag: "div",
+                                props: {
+                                  class:
+                                    "row no-wrap items-center justify-center",
+                                },
+                                slots: {
+                                  default: [
+                                    {
+                                      name: "QIcon",
+                                      props: {
+                                        name: "fas fa-user-tie",
+                                        class: "avatar q-mr-sm",
+                                        size: "md",
+                                      },
+                                    },
+                                    {
+                                      tag: "span",
+                                      props: {
+                                        class:
+                                          "user-name ellipsis q-ml-xs q-mr-md",
+                                      },
+                                      slots: {
+                                        default: [
+                                          "{{userName}}",
+                                          {
+                                            tag: "div",
+                                            props: {
+                                              class: "date-label",
+                                            },
+                                            slots: {
+                                              default: ["{{now}}"],
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    },
+                                    {
+                                      name: "QIcon",
+                                      props: {
+                                        class: "user-profile-menu-icon",
+                                        name: "keyboard_arrow_down",
+                                      },
+                                    },
+                                  ],
+                                },
+                              },
+                              {
+                                name: "QMenu",
+                                props: {
+                                  "content-class": "user-profile-menu",
+                                },
+                                slots: {
+                                  default: [
+                                    {
+                                      name: "QList",
+                                      props: {
+                                        style: "min-width: 191px",
+                                      },
+                                      slots: {
+                                        default: [
+                                          {
+                                            name: "QItem",
+                                            props: {},
+                                            slots: {
+                                              default: [
+                                                {
+                                                  name: "QItemSection",
+                                                  slots: {
+                                                    default: [
+                                                      {
+                                                        name: "QBtn",
+                                                        props: {
+                                                          label: "Logout",
+                                                          class: "logout-btn",
+                                                          flat: true,
+                                                          "v-close-popup": "-1",
+                                                          onClick: {
+                                                            type: "action",
+                                                            name: "logout",
+                                                            module: "account",
+                                                          },
+                                                        },
+                                                      },
+                                                    ],
+                                                  },
+                                                },
+                                              ],
+                                            },
+                                          },
+                                        ],
+                                      },
+                                    },
+                                  ],
+                                },
+                              },
+                            ],
+                          },
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+            {
+              name: "QDrawer",
+              props: {},
+              slots: {
+                default: [],
+              },
+            },
+            {
+              name: "QPageContainer",
+              props: {},
+              slots: {
+                default: [
+                  {
+                    name: "QPage",
+                    props: {},
+                    slots: {
+                      default: [
+                        {
+                          tag: "slot",
+                          name: 'default'
+                        },
+                      ],
+                    },
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+    ],
+  },
+  printBtn: {
+    params: {
+      data: '',
+      label: 'Print'
+    },
+    elements: [
+      {
+        name: 'QBtn',
+        props: {
+          label: "{{label}}",
+          onClick: {
+            type: 'action',
+            name: 'log',
+            props: {
+              data: "{{data}}"
+            }
+          }
+        }
+      }
+    ]
+  }
+};

package/i18n/en-us/index.js

@@ -0,0 +1,73 @@
+export default {
+    justNow: 'just now',
+    secondsAgo: 'seconds ago',
+    minutesAgo: 'minutes ago',
+    hoursAgo: 'hours ago',
+    daysAgo: 'days ago',
+    monthsAgo: 'months ago',
+    yearsAgo: 'yearsAgo',
+    SwitchTheme: 'Switch Theme',
+
+    validatorNotEmptyName: "非空",
+    validatorNotEmptyDescription: "不能为空",
+    validatorMobilePhoneName: "手机号",
+    validatorMobilePhoneDescription: "中国手机号码格式",
+    validatorEmailName: "邮箱",
+    validatorEmailDescription: "",
+    validatorPhoneOrEmailName: "手机号或邮箱",
+    validatorPhoneOrEmailDescription: "",
+    validatorChinaIDNumberName: "中国身份证号码",
+    validatorChinaIDNumberDescription: "",
+
+    validatorOnlyNumberName: "只能是数字",
+    validatorOnlyNumberDescription: "",
+    validatorOnlyCharName: "只能是字母",
+    validatorOnlyCharDescription: "",
+    validatorOnlyUpCharName: "只能是大写字母",
+    validatorOnlyUpCharDescription: "",
+    validatorOnlyLowerCharName: "只能是小写字母",
+    validatorOnlyLowerCharDescription: "",
+    validatorOnlyChineseName: "只能是中文",
+    validatorOnlyChineseDescription: "",
+    validatorOnlyCCName: "只能是中文或字母",
+    validatorOnlyCCDescription: "",
+    validatorOnlyCCNName: "只能是中文或字母或数字",
+    validatorOnlyCCNDescription: "",
+    validatorOnlyCNName: "只能是中文或数字",
+    validatorOnlyCNDescription: "",
+    validatorOnlyCNUName: "只能是中文或数字或下划线",
+    validatorOnlyCNUDescription: "",
+    validatorOnlyCNSName: "只能是中文或数字或特殊字符",
+    validatorOnlyCNSDescription:
+      '只能是中文或数字或（"."、"@"、"<"、">"、"_"、"?"）',
+
+    validatorOnlyIntegerName: "只能是整数",
+    validatorOnlyIntegerDescription: "",
+    validatorOnlyPIName: "只能是正整数",
+    validatorOnlyPIDescription: "",
+    validatorOnlyPIZName: "只能是正整数或零",
+    validatorOnlyPIZDescription: "",
+    validatorOnlyNIName: "只能是负整数",
+    validatorOnlyNIDescription: "",
+    validatorOnlyNIZName: "只能是负整数或零",
+    validatorOnlyNIZDescription: "",
+
+    validatorUrlName: "URL地址",
+    validatorUrlDescription: "",
+    validatorOfficePhoneName: "固定电话号码",
+    validatorOfficePhoneDescription: "固定电话号码（区号-号码）",
+    validatorChinaZipName: "中国邮政编码",
+    validatorChinaZipDescription: "",
+
+    validatorPwd1Name: "密码（强度一）",
+    validatorPwd1Description: "长度在6-16位之间的任意密码",
+    validatorPwd2Name: "密码（强度二）",
+    validatorPwd2Description:
+      "长度在6-16位的密码，必须包含数字、大写字母、小写字母",
+    validatorPwd3Name: "密码（强度三）",
+    validatorPwd3Description:
+      "长度在6-16位的密码，必须包含数字、大写字母、小写字母、特殊字符",
+    validatorPwd4Name: "密码（强度四）",
+    validatorPwd4Description:
+      "长度在6-16位的密码，必须包含数字、至少2个大写字母、至少2个小写字母、特殊字符",
+}

package/i18n/fields/en-us/index.js

@@ -0,0 +1,9 @@
+export default {
+  fieldCategorySimple: 'Simple',
+  fieldCategoryStatic: 'Static',
+  fieldCategoryDateTime: 'Date Time',
+  fieldCategoryAdvanced: 'Advanced',
+  fieldCategoryTable: 'Table',
+  fieldCategoryUpload: 'Upload',
+  fieldCategoryOthers: 'Others',
+};

package/i18n/fields/zh-cn/index.js

@@ -0,0 +1,9 @@
+export default {
+  fieldCategorySimple: '基础',
+  fieldCategoryStatic: '静态',
+  fieldCategoryDateTime: '时间',
+  fieldCategoryAdvanced: '高级',
+  fieldCategoryTable: '表格',
+  fieldCategoryUpload: '上传',
+  fieldCategoryOthers: '其他',
+};

package/i18n/zh-cn/index.js

@@ -0,0 +1,73 @@
+export default {
+    justNow: '刚刚',
+    secondsAgo: '秒之前',
+    minutesAgo: '分钟之前',
+    hoursAgo: '小时之前',
+    daysAgo: '天之前',
+    monthsAgo: '月之前',
+    yearsAgo: '年之前',
+    SwitchTheme: '切换样式',
+
+    validatorNotEmptyName: "非空",
+    validatorNotEmptyDescription: "不能为空",
+    validatorMobilePhoneName: "手机号",
+    validatorMobilePhoneDescription: "中国手机号码格式",
+    validatorEmailName: "邮箱",
+    validatorEmailDescription: "",
+    validatorPhoneOrEmailName: "手机号或邮箱",
+    validatorPhoneOrEmailDescription: "",
+    validatorChinaIDNumberName: "中国身份证号码",
+    validatorChinaIDNumberDescription: "",
+
+    validatorOnlyNumberName: "只能是数字",
+    validatorOnlyNumberDescription: "",
+    validatorOnlyCharName: "只能是字母",
+    validatorOnlyCharDescription: "",
+    validatorOnlyUpCharName: "只能是大写字母",
+    validatorOnlyUpCharDescription: "",
+    validatorOnlyLowerCharName: "只能是小写字母",
+    validatorOnlyLowerCharDescription: "",
+    validatorOnlyChineseName: "只能是中文",
+    validatorOnlyChineseDescription: "",
+    validatorOnlyCCName: "只能是中文或字母",
+    validatorOnlyCCDescription: "",
+    validatorOnlyCCNName: "只能是中文或字母或数字",
+    validatorOnlyCCNDescription: "",
+    validatorOnlyCNName: "只能是中文或数字",
+    validatorOnlyCNDescription: "",
+    validatorOnlyCNUName: "只能是中文或数字或下划线",
+    validatorOnlyCNUDescription: "",
+    validatorOnlyCNSName: "只能是中文或数字或特殊字符",
+    validatorOnlyCNSDescription:
+      '只能是中文或数字或（"."、"@"、"<"、">"、"_"、"?"）',
+
+    validatorOnlyIntegerName: "只能是整数",
+    validatorOnlyIntegerDescription: "",
+    validatorOnlyPIName: "只能是正整数",
+    validatorOnlyPIDescription: "",
+    validatorOnlyPIZName: "只能是正整数或零",
+    validatorOnlyPIZDescription: "",
+    validatorOnlyNIName: "只能是负整数",
+    validatorOnlyNIDescription: "",
+    validatorOnlyNIZName: "只能是负整数或零",
+    validatorOnlyNIZDescription: "",
+
+    validatorUrlName: "URL地址",
+    validatorUrlDescription: "",
+    validatorOfficePhoneName: "固定电话号码",
+    validatorOfficePhoneDescription: "固定电话号码（区号-号码）",
+    validatorChinaZipName: "中国邮政编码",
+    validatorChinaZipDescription: "",
+
+    validatorPwd1Name: "密码（强度一）",
+    validatorPwd1Description: "长度在6-16位之间的任意密码",
+    validatorPwd2Name: "密码（强度二）",
+    validatorPwd2Description:
+      "长度在6-16位的密码，必须包含数字、大写字母、小写字母",
+    validatorPwd3Name: "密码（强度三）",
+    validatorPwd3Description:
+      "长度在6-16位的密码，必须包含数字、大写字母、小写字母、特殊字符",
+    validatorPwd4Name: "密码（强度四）",
+    validatorPwd4Description:
+      "长度在6-16位的密码，必须包含数字、至少2个大写字母、至少2个小写字母、特殊字符",
+}