@dhccmobile/vue3-lo-form 0.1.0

package/src/components/form/StretchText.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="lo-text-container" :class="[{ 'lo-text-column': !unfold }, { 'lo-text-row': unfold }]">
+    <div :class="['lo-text-box', { 'lo-over': !ifOver }, { 'lo-over-hidden': !unfold }, { 'lo-unfold': ifOver && !unfold }]" ref="textBox">
+      <span class="lo-text" ref="spanBox">{{ content }}</span>
+    </div>
+    <div class="lo-btn" v-if="ifOver" @click="unfold = !unfold">
+      {{ unfold ? "收起" : "展开" }}
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Prop, Ref, Watch } from "vue-property-decorator";
+import { Options, Vue } from "vue-property-decorator";
+
+@Options({
+  name: "StretchText",
+})
+export default class StretchText extends Vue {
+  ifOver = false; // 文本是否超出三行，默认否
+  unfold = false; // 文本是否是展开状态 默认为收起
+  @Prop({ default: false }) enableStretchText!: boolean;
+  @Prop({ default: "" }) content!: string;
+  @Ref() readonly spanBox: any;
+  @Ref() readonly textBox: any;
+
+  mounted(): void {
+    this.onContentHandle();
+  }
+
+  @Watch("content")
+  onContentHandle(): void {
+    // 判断是否显示展开收起按钮
+    this.ifOver = this.spanBox.offsetHeight > this.textBox.offsetHeight;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.lo-text-container {
+  display: flex;
+  &.lo-text-column {
+    flex-direction: row;
+    .lo-btn {
+      padding-top: 8px;
+    }
+  }
+  &.lo-text-row {
+    flex-direction: column;
+  }
+  .lo-text-box {
+    line-height: initial;
+  }
+  .lo-unfold,
+  .lo-over {
+    line-height: 37px;
+  }
+  .lo-over-hidden {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
+  .lo-text {
+    color: #333333;
+    font-size: 14px;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
+  }
+  .lo-btn {
+    min-width: 31px;
+    line-height: normal;
+    cursor: pointer;
+    color: #429eff;
+  }
+}
+</style>

package/src/components/index.ts

@@ -0,0 +1,3 @@
+export * from "./form/DvForm.vue";
+export * from "./form/DvFormLayout.vue";
+export * from "./form/StretchText.vue";

package/src/constants/config/form-template.config.ts

@@ -0,0 +1,32 @@
+const formTemplate = {
+  formId: "1",
+  appId: "1",
+  domainClassId: "",
+  objectId: "1",
+  formType: "1",
+  formName: "test",
+  formAlias: "test",
+  formDescribe: "",
+  useState: "1",
+  desDomainClass: null,
+  desFormLayouts: [
+    {
+      layoutId: "1",
+      formId: "1",
+      parentLayoutId: "",
+      layoutName: "",
+      layoutType: "101",
+      gridSpace: 1,
+      gridColumnConfig: '[{"value":12,"order":1},{"value":12,"order":2}]',
+      gridLateralArrangement: "1",
+      gridVerticalArrangement: "1",
+      layoutOrder: 1,
+      labelSpan: "",
+      controlSpan: "",
+      subDesFormLayout: null,
+      desFormControls: [],
+    },
+  ],
+  desBusObject: null,
+};
+export { formTemplate };

package/src/constants/config/form.config.ts

@@ -0,0 +1,4 @@
+const DEFAULT_FORM_FILE_NAME = "form-design.json";
+const DEFAULT_DICT_FILE_NAME = "dict.json";
+const DEFAULT_DICT_URL = "./resources/json/" + DEFAULT_DICT_FILE_NAME;
+export { DEFAULT_FORM_FILE_NAME, DEFAULT_DICT_FILE_NAME, DEFAULT_DICT_URL };

package/src/constants/config/storage.config.ts

@@ -0,0 +1,4 @@
+const NAME = "vue-lo";
+const STORE_NAME = "form:";
+const DICT_STORE_NAME = "dict:";
+export { NAME, STORE_NAME, DICT_STORE_NAME };

package/src/constants/encode-assets/svg.ts

@@ -0,0 +1,9 @@
+const SUBMITTED_SVG_XML =
+  "data:image/svg+xml;base64, PHN2ZyB0PSIxNjEyMTY2MTU4NzYxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjkxMjY3IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ij4NCiAgICAgIDxkZWZzPjwvZGVmcz4NCiAgICAgIDxwYXRoDQogICAgICAgIGQ9Ik01MTEuNSA5NjBDMjY0LjIgOTYwIDYzIDc1OC44IDYzIDUxMS41UzI2NC4yIDYzIDUxMS41IDYzIDk2MCAyNjQuMiA5NjAgNTExLjUgNzU4LjggOTYwIDUxMS41IDk2MHogbTAtODU5LjIzMmMtMjI2LjQ3OCAwLTQxMC43MzIgMTg0LjI1NC00MTAuNzMyIDQxMC43MzJTMjg1LjAyMiA5MjIuMjMyIDUxMS41IDkyMi4yMzIgOTIyLjIzMiA3MzcuOTc4IDkyMi4yMzIgNTExLjUgNzM3Ljk3OCAxMDAuNzY4IDUxMS41IDEwMC43Njh6IG0tOTQuOTA2IDI4NS45ODhsMi40MTgtMS44MTNjOC45NzMtNi43MzQgMTMuNTIyLTE0LjE3NSAxMy41MjQtMjIuMTEycy00LjU0OS0xNS4zOC0xMy41MjQtMjIuMTE3bC0yLjQxOC0xLjgxNGgtNjMuMzQxVjIyNmwtMS44MTQtMi40MTljLTYuNzM2LTguOTc1LTE0LjE3OC0xMy41MjQtMjIuMTE1LTEzLjUyNHMtMTUuMzc5IDQuNTQ5LTIyLjExNSAxMy41MjRMMzA1LjM5NCAyMjZ2MTEyLjloLTczLjk4MWwtMi42NTQgMi42NTNjLTkuNjc5IDkuNjc5LTEzLjcxMyAxOC40OTQtMTIuMzMgMjYuOTQ5IDEuMTgyIDcuMjIzIDYuMTI5IDEzLjA0OCAxNC43IDE3LjMwOGwxLjkwNiAwLjk0Nmg3Mi4zNTV2MTU0LjEyOWMtMjEuOSAxMi4wNTgtNDkuODY5IDI0LjMtODMuMjM2IDM2LjQzNWwtMi4zODggMC44Ny0xLjU4OCAxLjk4MmMtOS4wMzMgMTEuMjc3LTExLjg3OSAyMC44LTguNyAyOS4xMDcgMy4wNCA3Ljk0NSAxMS4xODIgMTMuMDY5IDI0LjIgMTUuMjNsMi4yMTggMC4zNjkgMi4xMzMtMC43MWE0NzEuOTg5IDQ3MS45ODkgMCAwIDAgNjcuMzYyLTI4LjA1djE0My4zNDRjMCA3LjkyOS0yLjc4IDkuNy0zLjY5NCAxMC4yODQtMy42NSAyLjMyLTE2LjU4MSA1LjY2MS01Ny43NDctMTMuNTQybC0yLjY5MS0xLjI1NS0yLjkxMSAwLjU3OGMtMTAuNzI4IDIuMTQtMTcuOCA2Ljg5NC0yMS4wMDYgMTQuMTM5LTMuNTQxIDcuOTkxLTEuODczIDE3LjUyNiA1LjA5NCAyOS4xNDdsMS41NDkgMi41ODUgMi43OTEgMS4xNDNjMjguNDEgMTEuNjIxIDUxLjggMTcuNDE1IDcwLjU3NSAxNy40MTUgMTIuODI2IDAgMjMuNS0yLjcgMzIuMTQ4LTguMSAxNC4yNTctOC44OTIgMjIuMjQxLTI0LjY1IDIzLjczLTQ2LjgzNWwwLjAyMS0xNzMuNzE0YzI4LjI1OS0xNi4xMjcgNTIuMzUzLTM0LjA3NCA3MS42OC01My40bDEuNTE3LTEuNTE4IDAuNjc2LTIuMDM1YzQuNDc0LTEzLjQ3MiAzLjg0NS0yMy4zLTEuOTIzLTMwLjA0NC01LjU1MS02LjUtMTQuOTY2LTguNjkzLTI3Ljk4My02LjUyOWwtMy41OSAwLjU5My0yLjE3OSAyLjkxNGMtNy4zOTQgOS44NzYtMjAuMjEyIDIxLjA1MS0zOC4yIDMzLjMxNVYzODYuNzU2aDYzLjM0MXogbTM5MS4yODggMzY3Ljg2MmwtMS42NzgtMi43OTQtMy4wNzMtMS4wODVjLTUxLjY4Ni0xOC4yMzktOTYuNzMzLTQzLjk1My0xMzQuMDM3LTc2LjUgNDYuOTM4LTU1LjA1NSA3Ny4zLTExNC4wNzcgOTAuMy0xNzUuNTc0IDUuMTE4LTIwLjYgMi45NC0zNy4xNi02LjQ3MS00OS4yMTRDNzQxLjcgNDM1LjA4NiA3MjEuNDc5IDQyOC4xIDY5MS4wOSA0MjguMUg0OTIuMDEzVjMwOC4zMThjMC0yMS40MzggOS4xNDUtMzAuNTg1IDMwLjU4NC0zMC41ODVoMTM4Ljc1OWM0NC43MjkgMCA0NS40MzkgMjEuNTIxIDQ1LjQ0OSAzMC4xNzZsLTQuOTE3IDU0LjEtMC4wMzkgMC44MmMwIDQuOTI3LTEuODU1IDcuMDI3LTMuNDcgOC4zMDUtNS4xNTEgNC4wNzktMjEuMDQzIDkuMjA2LTY5LjYzMi0yLjI1OWwtMi43OS0wLjY1OC0yLjY2IDEuMDY3Yy0xMS4wNCA0LjQyMy0xNy40NjEgMTAuNjkzLTE5LjA4NSAxOC42NDQtMS42NzQgOC4xODUgMi4wNjIgMTYuOSAxMS4xIDI1LjkybDEuODggMS44NzIgMi41OTIgMC41NjZjNTQuODYgMTEuOTM0IDkxLjQ2NSAxMC40NTYgMTExLjkwNy00LjUzMSAxMC42MjYtNy43ODggMTYuNjc2LTE4Ljk3IDE4LTMzLjQ5M2w0Ljk0Mi03OS4xMDVjMS42MjYtMTkuNTc2LTIuOTY3LTM1LjM5LTEzLjY1My00Ny0xMy44LTE0Ljk5My0zNi42LTIyLjI4LTY5LjcxMi0yMi4yOEg1MTIuNjg0Yy00NC44MzMgMC02OC41MyAyMy43LTY4LjUzIDY4LjUyOVY3OTdsMS44MTUgMi40MTljNi43MzcgOC45NzUgMTQuMTc4IDEzLjUyNCAyMi4xMTYgMTMuNTI0czE1LjM3Ny00LjU0OSAyMi4xMTMtMTMuNTI0bDEuODE1LTIuNDE5di0wLjk4M2M1LjUxOSAyLjgyMSAxMi45MzUgMy40NzkgMjIuMTU3IDEuOTQybDEuNDg4LTAuMjQ2IDEuMzI2LTAuNzE2YzQxLjI5MS0yMi4yNjIgODEuNTYxLTUwLjg4MyAxMTkuOC04NS4xNDJhNDg5LjYgNDg5LjYgMCAwIDAgMTUwLjQgODUuNzExbDIuMzU3IDAuODMzIDIuNDUtMC41YzEwLjcyNy0yLjE2NCAxNy43ODgtNi45NCAyMC45ODgtMTQuMiAzLjUyOS03Ljk5IDEuODYtMTcuNDk5LTUuMDk3LTI5LjA4MXogbS05NS40NzMtMjY2LjNsLTAuMzI5IDAuODIxLTAuMTYzIDAuODdjLTkuMTE4IDQ4LjY0OS0zNi4xODkgOTkuNjIyLTgwLjUwOSAxNTEuNjI0LTQ1LjA4Ni00OS43NzQtNzcuNTM2LTEwNS40MTktOTYuNjItMTY1LjY3M2gxNDYuMzljMjYuMDU4IDAgMzEuMDQ2IDUuNDE1IDMxLjc4MiA2LjUgMC45MjkgMS4zNyAwLjIxMiAzLjk0LTAuNTUxIDUuODU3eiBtLTIyMC40IDUuMTE1YzI1LjQ1OCA3My4yMTkgNjEuNDI2IDEzNS43NDYgMTA3LjE1MyAxODYuMjM5LTMwLjEzNSAyOC44LTY2LjEyNyA1My45NDgtMTA3LjE1MyA3NC44NDhWNDkzLjQzMnoiDQogICAgICAgIGZpbGw9IiMwMDlERTUiDQogICAgICAgIHAtaWQ9IjkxMjY4Ig0KICAgICAgPjwvcGF0aD4NCiAgICA8L3N2Zz4=";
+const HISTORY_SVG_XML =
+  "data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0idHJhbnNmb3JtOiBzY2FsZSgwLjkpOyBtYXJnaW4tYm90dG9tOiAtMi41cHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE1cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC03MzYgLTIyNyApIj4NCiAgICAgICAgPHBhdGgNCiAgICAgICAgICBkPSJNIDE0LjQgNy4xOTI5ODI0NTA2NTc4OSAgQyAxNC40IDcuNjczNjg0MjEwNTI2MzIgIDE0LjM1MDkzMzMzMzMzMzMgOC4xNDMxNTc4OTQ3MzY4NCAgMTQuMjU3Nzc3NzgzMzMzMyA4LjU5NjQ5MTIzMzU1MjYzICBMIDEyLjc5ODU3Nzc4MzMzMzMgOC41OTY0OTEyMzM1NTI2MyAgQyAxMi45MTgzMzI3ODU5NTUyIDguMTM4Mzk0ODc0Mjk4NjEgIDEyLjk3ODkzMDcxNzExODMgNy42NjcxOTc0MTQyNTIwMyAgMTIuOTc4OTMwNzE3MTE4MyA3LjE5NDEwMjY5MTg5MzEyICBDIDEyLjk3ODkzMDcxNzExODMgNC4wOTM1NTY3MzA5NTg2NCAgMTAuNDMxOTI4NDA3NTMxOSAxLjU4MDA2NzYwOTY1NjI4ICA3LjI5MDA0MTgzMzc4NDk3IDEuNTgwMDY3NjA5NjU2MjggIEMgNC4xNDgxNTUyNjAwMzgwNCAxLjU4MDA2NzYwOTY1NjI4ICAxLjYwMTE1Mjk1MDQ1MTY0IDQuMDkzNTU2NzMwOTU4NjQgIDEuNjAxMTUyOTUwNDUxNjQgNy4xOTQxMDI2OTE4OTMxMiAgQyAxLjYwMTE1Mjk1MDQ1MTY0IDEwLjI5NDY0ODY1MjgyNzYgIDQuMTQ4MTU1MjYwMDM4MDQgMTIuODA4MTM3Nzc0MTMgIDcuMjkwMDQxODMzNzg0OTcgMTIuODA4MTM3Nzc0MTMgIEMgNy44MDE3MTU4NDYxMjU2OCAxMi44MDgxMzc3NzQxMyAgOC4zMTEwNTEwNTk5ODkxMyAxMi43NDAwMTU0NzY1MDk1ICA4LjgwNDI2NjY2NjY2NjY3IDEyLjYwNTYxNDAyOTYwNTMgIEMgOC44ODY3NTU1NSAxMi44MTk2NDkxMTE4NDIxICA5LjAyMTE1NTU1IDEzLjAwOTEyMjc5NjA1MjYgIDkuMTkyNTMzMzMzMzMzMzMgMTMuMTU3ODk0NzM2ODQyMSAgQyA4LjkyMzU4OTU2OTY3MTU0IDEzLjM5MTU1NDE5MjUzODIgIDguNzU0MTUwMzc0NjM0NzggMTMuNzE2OTQ4ODM3NTM4MyAgOC43MTgyMjIyMTY2NjY2NyAxNC4wNjg3NzE5MjQzNDIxICBDIDguMjU2IDE0LjE2MTQwMzUwMzI4OTUgIDcuNzc4MTMzMzMzMzMzMzMgMTQuMjEwNTI2MzE1Nzg5NSAgNy4yODg4ODg4ODMzMzMzMyAxNC4yMTA1MjYzMTU3ODk1ICBDIDMuMzYxNDIyMjE2NjY2NjcgMTQuMjEwNTI2MzE1Nzg5NSAgMC4xNzc3Nzc3NjY2NjY2NjcgMTEuMDY4NzcxOTI0MzQyMSAgMC4xNzc3Nzc3ODMzMzMzMzQgNy4xOTI5ODI0NTA2NTc4OSAgQyAwLjE3Nzc3NzggMy4zMTcxOTI5NzY5NzM2OCAgMy4zNjE0MjIyMTY2NjY2NyAwLjE3NTQzODYwMTk3MzY4NCAgNy4yODg4ODg4ODMzMzMzMyAwLjE3NTQzODYwMTk3MzY4NCAgQyAxMS4yMTYzNTU1NSAwLjE3NTQzODYwMTk3MzY4NCAgMTQuNCAzLjMxNzE5Mjk5MzQyMTA1ICAxNC40IDcuMTkyOTgyNDUwNjU3ODkgIFogTSA3LjY0NDQ0NDQ1IDMuNjg0MjEwNTI2MzE1NzkgIEwgNy42NDQ0NDQ0NSA3LjE5Mjk4MjQ1MDY1Nzg5ICBMIDkuNzc3Nzc3NzgzMzMzMzMgNy4xOTI5ODI0NTA2NTc4OSAgQyAxMC4xNzA1MTM2MDg1MDM1IDcuMTkyOTgyNDUwNjU3ODkgIDEwLjQ4ODg4ODkgNy41MDcxNjg1OTM1ODIwOSAgMTAuNDg4ODg4OSA3Ljg5NDczNjg0MjEwNTI2ICBDIDEwLjQ4ODg4ODkgOC4yODIzMDUwOTA2Mjg0MyAgMTAuMTcwNTEzNjA4NTAzNSA4LjU5NjQ5MTIzMzU1MjYzICA5Ljc3Nzc3Nzc4MzMzMzMzIDguNTk2NDkxMjMzNTUyNjMgIEwgNi45MzMzMzMzMzMzMzMzMyA4LjU5NjQ5MTIzMzU1MjYzICBDIDYuNDU5MjU5MjU1NTU1NTUgOC41OTY0OTEyMzM1NTI2MyAgNy40MDc0MDc0MTExMTExMSA4LjU5NjQ5MTIzMzU1MjYzICA2LjkzMzMzMzMzMzMzMzMzIDguNTk2NDkxMjMzNTUyNjMgIEMgNi41NDA1OTc1MDgxNjMxOSA4LjU5NjQ5MTIzMzU1MjYzICA2LjIyMjIyMjIxNjY2NjY3IDguMjgyMzA1MDkwNjI4NDMgIDYuMjIyMjIyMjE2NjY2NjcgNy44OTQ3MzY4NDIxMDUyNiAgTCA2LjIyMjIyMjIxNjY2NjY3IDMuNjg0MjEwNTI2MzE1NzkgIEMgNi4yMjIyMjIyMTY2NjY2NyAzLjI5NjY0MjI3Nzc5MjYyICA2LjU0MDU5NzUwODE2MzE5IDIuOTgyNDU2MTM0ODY4NDIgIDYuOTMzMzMzMzMzMzMzMzMgMi45ODI0NTYxMzQ4Njg0MiAgQyA3LjMyNjA2OTE1ODUwMzQ4IDIuOTgyNDU2MTM0ODY4NDIgIDcuNjQ0NDQ0NDUgMy4yOTY2NDIyNzc3OTI2MiAgNy42NDQ0NDQ0NSAzLjY4NDIxMDUyNjMxNTc5ICBaIE0gMTAuODQ0NDQ0NDUgOS4yOTgyNDU2MDg1NTI2MyAgTCAxNS4xMTExMTExMTY2NjY3IDkuMjk4MjQ1NjA4NTUyNjMgIEMgMTUuNTAzODQ2OTQxODM2OCA5LjI5ODI0NTYwODU1MjYzICAxNS44MjIyMjIyMzMzMzMzIDkuNjEyNDMxNzUxNDc2ODMgIDE1LjgyMjIyMjIzMzMzMzMgMTAgIEMgMTUuODIyMjIyMjMzMzMzMyAxMC4zODc1NjgyNDg1MjMyICAxNS41MDM4NDY5NDE4MzY4IDEwLjcwMTc1NDM5MTQ0NzQgIDE1LjExMTExMTExNjY2NjcgMTAuNzAxNzU0MzkxNDQ3NCAgTCAxMC44NDQ0NDQ0NSAxMC43MDE3NTQzOTE0NDc0ICBDIDEwLjQ1MTcwODYyNDgyOTkgMTAuNzAxNzU0MzkxNDQ3NCAgMTAuMTMzMzMzMzMzMzMzMyAxMC4zODc1NjgyNDg1MjMyICAxMC4xMzMzMzMzMzMzMzMzIDEwICBDIDEwLjEzMzMzMzMzMzMzMzMgOS42MTI0MzE3NTE0NzY4MyAgMTAuNDUxNzA4NjI0ODI5OSA5LjI5ODI0NTYwODU1MjYzICAxMC44NDQ0NDQ0NSA5LjI5ODI0NTYwODU1MjYzICBaIE0gMTAuODQ0NDQ0NDUgMTEuNDAzNTA4NzY2NDQ3NCAgTCAxNS4xMTExMTExMTY2NjY3IDExLjQwMzUwODc2NjQ0NzQgIEMgMTUuNTAzODQ2OTQxODM2OCAxMS40MDM1MDg3NjY0NDc0ICAxNS44MjIyMjIyMzMzMzMzIDExLjcxNzY5NDkwOTM3MTYgIDE1LjgyMjIyMjIzMzMzMzMgMTIuMTA1MjYzMTU3ODk0NyAgQyAxNS44MjIyMjIyMzMzMzMzIDEyLjQ5MjgzMTQwNjQxNzkgIDE1LjUwMzg0Njk0MTgzNjggMTIuODA3MDE3NTQ5MzQyMSAgMTUuMTExMTExMTE2NjY2NyAxMi44MDcwMTc1NDkzNDIxICBMIDEwLjg0NDQ0NDQ1IDEyLjgwNzAxNzU0OTM0MjEgIEMgMTAuNDUxNzA4NjI0ODI5OSAxMi44MDcwMTc1NDkzNDIxICAxMC4xMzMzMzMzMzMzMzMzIDEyLjQ5MjgzMTQwNjQxNzkgIDEwLjEzMzMzMzMzMzMzMzMgMTIuMTA1MjYzMTU3ODk0NyAgQyAxMC4xMzMzMzMzMzMzMzMzIDExLjcxNzY5NDkwOTM3MTYgIDEwLjQ1MTcwODYyNDgyOTkgMTEuNDAzNTA4NzY2NDQ3NCAgMTAuODQ0NDQ0NDUgMTEuNDAzNTA4NzY2NDQ3NCAgWiBNIDEwLjg0NDQ0NDQ1IDEzLjUwODc3MTkyNDM0MjEgIEwgMTUuMTExMTExMTE2NjY2NyAxMy41MDg3NzE5MjQzNDIxICBDIDE1LjUwMzg0Njk0MTgzNjggMTMuNTA4NzcxOTI0MzQyMSAgMTUuODIyMjIyMjMzMzMzMyAxMy44MjI5NTgwNjcyNjYzICAxNS44MjIyMjIyMzMzMzMzIDE0LjIxMDUyNjMxNTc4OTUgIEMgMTUuODIyMjIyMjMzMzMzMyAxNC41OTgwOTQ1NjQzMTI2ICAxNS41MDM4NDY5NDE4MzY4IDE0LjkxMjI4MDcwNzIzNjggIDE1LjExMTExMTExNjY2NjcgMTQuOTEyMjgwNzA3MjM2OCAgTCAxMC44NDQ0NDQ0NSAxNC45MTIyODA3MDcyMzY4ICBDIDEwLjQ1MTcwODYyNDgyOTkgMTQuOTEyMjgwNzA3MjM2OCAgMTAuMTMzMzMzMzMzMzMzMyAxNC41OTgwOTQ1NjQzMTI2ICAxMC4xMzMzMzMzMzMzMzMzIDE0LjIxMDUyNjMxNTc4OTUgIEMgMTAuMTMzMzMzMzMzMzMzMyAxMy44MjI5NTgwNjcyNjYzICAxMC40NTE3MDg2MjQ4Mjk5IDEzLjUwODc3MTkyNDM0MjEgIDEwLjg0NDQ0NDQ1IDEzLjUwODc3MTkyNDM0MjEgIFogIg0KICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyINCiAgICAgICAgICBmaWxsPSIjZmZhMTE2Ig0KICAgICAgICAgIHN0cm9rZT0ibm9uZSINCiAgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDczNiAyMjcgKSINCiAgICAgICAgLz4NCiAgICAgIDwvZz4NCiAgICA8L3N2Zz4=";
+const FORM_ERROR_MODAL_SVG_XML =
+  "data:image/svg+xml;base64, PHN2ZyB0PSIxNjI5Mjg0MTUzNjk3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxODIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUxMiAwQzIzMC40IDAgMCAyMjcuMiAwIDUxMmMwIDI4MS42IDIzMC40IDUxMiA1MTIgNTEyIDI4NC44IDAgNTEyLTIyNy4yIDUxMi01MTJTNzk2LjggMCA1MTIgMHogbTAgODE5LjJjLTI4LjggMC01MS4yLTIyLjQtNTEuMi01MS4yczIyLjQtNTEuMiA1MS4yLTUxLjJjMjguOCAwIDUxLjIgMjIuNCA1MS4yIDUxLjIgMy4yIDI4LjgtMjIuNCA1MS4yLTUxLjIgNTEuMnogbTU0LjQtMjIwLjhjMCAyOC44LTIyLjQgNTEuMi01MS4yIDUxLjItMjguOCAwLTUxLjItMjIuNC01MS4yLTUxLjJWMjU2YzAtMjguOCAyMi40LTUxLjIgNTEuMi01MS4yIDI4LjggMCA1MS4yIDIyLjQgNTEuMiA1MS4ydjM0Mi40eiIgcC1pZD0iMjE4MyIgZmlsbD0iI0YxQjkxNiI+PC9wYXRoPjwvc3ZnPg==";
+const DROP_DOWN_LIST_SVG_XML =
+  "data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxMXB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC01MTYgLTQ2ICkiPg0KICAgIDxwYXRoIGQ9Ik0gMCA0Ljc0OTk5NDE0MDYyNTAxICBMIDAgNi4yNTAwMDU4NTkzNzQ5OSAgTCAxLjU1NTU0OTQ3OTE2NjY0IDYuMjUwMDA1ODU5Mzc0OTkgIEwgMS41NTU1NDk0NzkxNjY2NCA0Ljc0OTk5NDE0MDYyNTAxICBMIDAgNC43NDk5OTQxNDA2MjUwMSAgWiBNIDAgOC43NSAgTCAwIDEwLjI0OTk5NDE0MDYyNSAgTCAxLjU1NTU0OTQ3OTE2NjY0IDEwLjI0OTk5NDE0MDYyNSAgTCAxLjU1NTU0OTQ3OTE2NjY0IDguNzUgIEwgMCA4Ljc1ICBaIE0gMCAwLjc1MDAwNTg1OTM3NDk5NCAgTCAwIDIuMjUgIEwgMS41NTU1NDk0NzkxNjY2NCAyLjI1ICBMIDEuNTU1NTQ5NDc5MTY2NjQgMC43NTAwMDU4NTkzNzQ5OTQgIEwgMCAwLjc1MDAwNTg1OTM3NDk5NCAgWiBNIDMuMTExMTE3MTg3NDk5OTkgNC43NDk5OTQxNDA2MjUwMSAgTCAzLjExMTExNzE4NzQ5OTk5IDYuMjUwMDA1ODU5Mzc0OTkgIEwgMTQgNi4yNTAwMDU4NTkzNzQ5OSAgTCAxNCA0Ljc0OTk5NDE0MDYyNTAxICBMIDMuMTExMTE3MTg3NDk5OTkgNC43NDk5OTQxNDA2MjUwMSAgWiBNIDMuMTExMTE3MTg3NDk5OTkgOC43NSAgTCAzLjExMTExNzE4NzQ5OTk5IDEwLjI0OTk5NDE0MDYyNSAgTCAxNCAxMC4yNDk5OTQxNDA2MjUgIEwgMTQgOC43NSAgTCAzLjExMTExNzE4NzQ5OTk5IDguNzUgIFogTSAxNCAwLjc1MDAwNTg1OTM3NDk5NCAgTCAzLjExMTExNzE4NzQ5OTk5IDAuNzUwMDA1ODU5Mzc0OTk0ICBMIDMuMTExMTE3MTg3NDk5OTkgMi4yNSAgTCAxNCAyLjI1ICBMIDE0IDAuNzUwMDA1ODU5Mzc0OTk0ICBaICIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjYmZiY2NjIiBzdHJva2U9Im5vbmUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTE2IDQ2ICkiIC8+DQogIDwvZz4NCjwvc3ZnPg==";
+export { SUBMITTED_SVG_XML, HISTORY_SVG_XML, FORM_ERROR_MODAL_SVG_XML, DROP_DOWN_LIST_SVG_XML };

package/src/constants/enum/builtIn-label.enum.ts

@@ -0,0 +1,5 @@
+// 内置前/后置标签
+const BuiltLabel = {
+  ORDERED_LIST: { code: "1", name: "ordered-list" },
+};
+export { BuiltLabel };

package/src/constants/enum/cache-type.enum.ts

@@ -0,0 +1,7 @@
+// 数据缓存类型
+const CacheType = {
+  FORM: { code: "1", name: "表格" },
+  TABLE: { code: "2", name: "表单" },
+  DICT: { code: "3", name: "字典" },
+};
+export { CacheType };

package/src/constants/enum/control-format-type.enum.ts

@@ -0,0 +1,9 @@
+// 控件格式化类型
+const ControlFormatType = {
+  GENERAL: { code: "1", name: "常规数字" },
+  AMOUNT_OF_MONEY: { code: "2", name: "金额" },
+  BANK_CARD_NUMBER: { code: "3", name: "银行卡号" },
+  CELL_PHONE_NUMBER: { code: "4", name: "手机号" },
+  LANDLINE_NUMBER: { code: "5", name: "座机号" },
+};
+export { ControlFormatType };

package/src/constants/enum/dynamic-option-type.enum.ts

@@ -0,0 +1,6 @@
+// 动态字典类型
+const DynamicOptionType = {
+  GeneralDictionary: { code: "1", name: "常规" },
+  TreeDictionary: { code: "2", name: "树形" },
+};
+export { DynamicOptionType };

package/src/constants/enum/form-bus-attr.enum.ts

@@ -0,0 +1,8 @@
+// 动态字典类型
+const FormBusAttr = {
+  SUBMITTED_TYPE: { code: "submittedType", name: "报送类型" },
+  IS_SUPPLEMENT: { code: "isSupplement", name: "是否补录" },
+  IS_KEY_ELEMENTS: { code: "isKeyElements", name: "是否关键要素" },
+  IS_TRACK: { code: "isTrack", name: "是否追踪" },
+};
+export { FormBusAttr };

package/src/constants/enum/form-field-class.enum.ts

@@ -0,0 +1,7 @@
+// 字段分类
+const FormFieldClass = {
+  Layout: { code: "1", name: "布局", icon: "profile" },
+  Base: { code: "2", name: "基础字段", icon: "profile" },
+  Senior: { code: "3", name: "高级字段", icon: "profile" },
+};
+export { FormFieldClass };

package/src/constants/enum/form-field-type.enum.ts

@@ -0,0 +1,25 @@
+import { FormFieldClass } from "./form-field-class.enum";
+// 控件类型
+const FormFieldType = {
+  Input: { code: "1", name: "输入框", icon: "icondanhangwenben", type: FormFieldClass.Base.code },
+  Textarea: { code: "2", name: "多行文本", icon: "iconduohangwenben", type: FormFieldClass.Base.code },
+  InputNumber: { code: "3", name: "数字输入框", icon: "iconjishuqi", type: FormFieldClass.Base.code },
+  Select: { code: "4", name: "选择器", icon: "iconxialaxuanzekuang", type: FormFieldClass.Base.code },
+  Radio: { code: "5", name: "单选框", icon: "icondanxuankuangzu", type: FormFieldClass.Base.code },
+  Checkbox: { code: "6", name: "多选框", icon: "iconduoxuankuangzu", type: FormFieldClass.Base.code },
+  Switch: { code: "7", name: "开关", icon: "iconkaiguan", type: FormFieldClass.Base.code },
+  TimePicker: { code: "8", name: "时间选择框", icon: "iconshijianxuanzeqi", type: FormFieldClass.Base.code },
+  DatePicker: { code: "9", name: "日期选择框", icon: "iconriqixuanzeqi", type: FormFieldClass.Base.code },
+  Slider: { code: "10", name: "滑动输入条", icon: "iconhuakuai", type: FormFieldClass.Base.code },
+  Rate: { code: "11", name: "评分", icon: "iconpingfen", type: FormFieldClass.Base.code },
+
+  Upload: { code: "50", name: "上传", icon: "iconwenjian", type: FormFieldClass.Senior.code },
+  Editor: { code: "51", name: "编辑器", icon: "iconbianjiqi", type: FormFieldClass.Senior.code },
+  Cascader: { code: "52", name: "级联选择", icon: "iconjilianxuanzeqi", type: FormFieldClass.Senior.code },
+  TreeSelect: { code: "53", name: "树选择", icon: "iconxialaxuanzekuang", type: FormFieldClass.Senior.code },
+  Custom: { code: "54", name: "自定义组件", icon: "iconzidingyizujian", type: FormFieldClass.Senior.code },
+
+  Empty: { code: "101", name: "根布局", icon: "iconzhagebuju", type: FormFieldClass.Layout.code },
+  Grid: { code: "102", name: "栅格", icon: "iconzhagebuju", type: FormFieldClass.Layout.code },
+};
+export { FormFieldType };

package/src/constants/enum/form-type.enum.ts

@@ -0,0 +1,5 @@
+const FormType = {
+  Pc: { code: "1", name: "PC端" },
+  Mobile: { code: "2", name: "移动端" },
+};
+export { FormType };

package/src/constants/enum/index.ts

@@ -0,0 +1,19 @@
+export * from "./builtIn-label.enum";
+export * from "./cache-type.enum";
+export * from "./control-format-type.enum";
+export * from "./dynamic-option-type.enum";
+export * from "./form-bus-attr.enum";
+export * from "./form-field-class.enum";
+export * from "./form-field-type.enum";
+export * from "./form-type.enum";
+export * from "./lateral-arrangement.enum";
+export * from "./money-unit.enum";
+export * from "./option-type.enum";
+export * from "./submitted-type.enum";
+export * from "./support-upload-type.enum";
+export * from "./switch.enum";
+export * from "./upload-type.enum";
+export * from "./validate-rules.enum";
+export * from "./validate-status.enum";
+export * from "./vertical-arrangement.enum";
+export * from "./zoom-type";

package/src/constants/enum/lateral-arrangement.enum.ts

@@ -0,0 +1,9 @@
+// 横向排列
+const LateralArrangement = {
+  AlignLeft: { code: "1", name: "左对齐" },
+  RightAlignment: { code: "2", name: "右对齐" },
+  Center: { code: "3", name: "居中" },
+  BothSidesAreEquallySpaced: { code: "4", name: "两侧间隔相等" },
+  AlignBothEnds: { code: "5", name: "两端对齐" },
+};
+export { LateralArrangement };

package/src/constants/enum/money-unit.enum.ts

@@ -0,0 +1,6 @@
+const MoneyUnit = {
+  Yuan: { code: "1", name: "元" },
+  TenThousandYuan: { code: "2", name: "万元" },
+  HundredMillionYuan: { code: "3", name: "亿元" },
+};
+export { MoneyUnit };

package/src/constants/enum/option-type.enum.ts

@@ -0,0 +1,5 @@
+const OptionType = {
+  Fixed: { code: "1", name: "固定" },
+  Dynamic: { code: "2", name: "动态" },
+};
+export { OptionType };

package/src/constants/enum/submitted-type.enum.ts

@@ -0,0 +1,12 @@
+// 报送信息类型
+const SubmittedType = {
+  EAST: { code: "1", name: "EAST" },
+  CITIC: { code: "2", name: "中信登" },
+  TOTAL_ELEMENTS: { code: "3", name: "全要素" },
+  PBC_CAPITAL_DECLARATION: { code: "4", name: "人行资金申报" },
+  ENTERPRISE_CREDIT_REFERENCE: { code: "5", name: "企业征信" },
+  OTOHAF_SUBMISSION: { code: "6", name: "1104报送" },
+  EAST_F: { code: "7", name: "EAST4.0" },
+  PERSONAL_CREDIT: { code: "8", name: "个人征信" },
+};
+export { SubmittedType };

package/src/constants/enum/support-upload-type.enum.ts

@@ -0,0 +1,5 @@
+const SupportUploadType = {
+  Arbitrarily: { code: "1", name: "任意类型" },
+  Custom: { code: "2", name: "自定义类型" },
+};
+export { SupportUploadType };

package/src/constants/enum/switch.enum.ts

@@ -0,0 +1,5 @@
+const Switch = {
+  Disable: { code: "0", name: "禁用" },
+  Enable: { code: "1", name: "启用" },
+};
+export { Switch };

package/src/constants/enum/upload-type.enum.ts

@@ -0,0 +1,17 @@
+const UploadType = {
+  Jpeg: { code: "image/jpeg", name: "jpeg/jpg/jpe" },
+  Png: { code: "image/png", name: "png" },
+  Gif: { code: "image/gif", name: "gif" },
+  Bmp: { code: "image/bmp", name: "bmp" },
+  Doc: { code: "application/msword", name: "doc" },
+  html: { code: "text/html", name: "html" },
+  Mp3: { code: "audio/mpeg", name: "mp3" },
+  Mp4: { code: "audio/mp4", name: "mp4" },
+  Pdf: { code: "application/pdf", name: "pdf" },
+  Ppt: { code: "application/vnd.ms-powerpoint", name: "ppt" },
+  Xls: { code: "application/vnd.ms-excel", name: "xls" },
+  Xml: { code: "application/xml", name: "xml" },
+  Zip: { code: "aplication/zip", name: "zip" },
+  Wps: { code: "application/vnd.ms-works", name: "wps" },
+};
+export { UploadType };

package/src/constants/enum/validate-rules.enum.ts

@@ -0,0 +1,25 @@
+// 校验规则
+const ValidateRules: any = {
+  SameValue: { code: "1", name: "相同的值", hasContent: true, hasDescribe: false },
+  MailBox: { code: "2", name: "电子邮箱", hasContent: false, hasDescribe: false },
+  RegEx: { code: "3", name: "正则表达式", hasContent: true, hasDescribe: true },
+  MinTextLength: { code: "4", name: "最小文本长度", hasContent: true, hasDescribe: false },
+  MaxTextLength: { code: "5", name: "最大文本长度", hasContent: true, hasDescribe: false },
+  MinValue: { code: "6", name: "最小数值", hasContent: true, hasDescribe: false },
+  MaxValue: { code: "7", name: "最大数值", hasContent: true, hasDescribe: false },
+  SpecifiedValue: { code: "8", name: "指定的值", hasContent: true, hasDescribe: false },
+  SpecifiedDigitsNumber: { code: "9", name: "指定位数的数字", hasContent: true, hasDescribe: false },
+  DateNotEarlierThan: { code: "10", name: "日期不早于", hasContent: true, hasDescribe: false },
+  DateNoLaterThan: { code: "11", name: "日期不晚于", hasContent: true, hasDescribe: false },
+  SpecifiedRangeNumber: { code: "12", name: "指定范围的数字(包含最小/大值)", hasContent: true, hasDescribe: false },
+  PhoneNumber: { code: "13", name: "手机号码", hasContent: false, hasDescribe: false },
+  Required: { code: "14", name: "必填", hasContent: false, hasDescribe: false },
+  LineUnique: { code: "15", name: "行唯一", hasContent: false, hasDescribe: false },
+  LetterSpace: { code: "16", name: "字母空格", hasContent: false, hasDescribe: false },
+  AlphanumericUnderline: { code: "17", name: "字母数字横线下划线", hasContent: false, hasDescribe: false },
+  Alphanumeric: { code: "18", name: "字母数字", hasContent: false, hasDescribe: false },
+  JsMethodVerification: { code: "19", name: "JS方法校验", hasContent: true, hasDescribe: true },
+  BackEndVerification: { code: "20", name: "后端校验", hasContent: false, hasDescribe: false },
+  LandlineNumber: { code: "21", name: "座机校验", hasContent: false, hasDescribe: false },
+};
+export { ValidateRules };

package/src/constants/enum/validate-status.enum.ts

@@ -0,0 +1,8 @@
+// 校验状态
+const ValidateStatus: any = {
+  Success: { code: "success", name: "通过" },
+  Warning: { code: "warning", name: "警告" },
+  Error: { code: "error", name: "未通过" },
+  Validating: { code: "validating", name: "校验中" },
+};
+export { ValidateStatus };

package/src/constants/enum/vertical-arrangement.enum.ts

@@ -0,0 +1,7 @@
+// 标签对齐方式
+const VerticalArrangement = {
+  AlignRight: { code: "1", name: "右对齐", value: "horizontal", textAlign: "right" },
+  AlignTop: { code: "2", name: "顶部对齐", value: "vertical", textAlign: "left" },
+  AlignLeft: { code: "3", name: "左对齐", value: "horizontal", textAlign: "left" },
+};
+export { VerticalArrangement };

package/src/constants/enum/zoom-type.ts

@@ -0,0 +1,6 @@
+const ZoomType = {
+  enlarge: { code: "1", name: "放大" },
+  narrow: { code: "2", name: "缩小" },
+  automatic: { code: "3", name: "自动" },
+};
+export { ZoomType };

package/src/constants/index.ts

@@ -0,0 +1,3 @@
+export * from "./config/form-template.config";
+export * from "./encode-assets/svg";
+export * from "./enum/index";