super-page-designer 0.0.2-tmp9 → 1.0.2

package/dist/lib/components/design/views/assemblys/data/component/formatting.vue.js

@@ -0,0 +1,538 @@
+"use strict";
+const vue = require("vue");
+const suffixmodule_vue_vue_type_script_setup_true_lang = require("../../form/common/suffixmodule.vue.js");
+const iconSetDialog = require("../../form/common/icon-set-dialog.vue.js");
+const selectDataTable_vue_vue_type_script_setup_true_lang = require("./select-data-table.vue.js");
+const iconsVue = require("@element-plus/icons-vue");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "formatting",
+  props: {
+    formatting: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["close", "add"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const formData = vue.ref({});
+    vue.onMounted(() => {
+      formData.value = JSON.parse(props.formatting);
+      console.log("%c描述-152731", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", formData.value);
+    });
+    function addData() {
+      emit("add", JSON.stringify(formData.value));
+      emit("close");
+    }
+    function beforeClose() {
+      emit("close");
+    }
+    function openSelectDataTable() {
+      selectDataTableVisible.value = true;
+    }
+    const selectDataTableVisible = vue.ref(false);
+    function closeSelectDataTable() {
+      selectDataTableVisible.value = false;
+    }
+    function addSelectDataTable(selectCode) {
+      formData.value.childAnnexDataTableCode = selectCode;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        "model-value": "",
+        title: "格式设置",
+        width: "40%",
+        "before-close": beforeClose
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[21] || (_cache[21] = ($event) => _ctx.$emit("close"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: addData
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("确认 ")
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_form, {
+            modelValue: formData.value,
+            "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => formData.value = $event),
+            "label-width": "140px"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_form_item, {
+                label: "格式化分类",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.type,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.type = $event),
+                    placeholder: "请选择"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "数值",
+                        value: "number"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "货币",
+                        value: "currency"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "日期",
+                        value: "date"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "时间",
+                        value: "time"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "百分比",
+                        value: "percent"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "自定义控件",
+                        value: "customControl"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "超链接",
+                        value: "hyperlinks"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "图标/标签",
+                        value: "icon"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "附件控件",
+                        value: "files"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "富文本",
+                        value: "richEditor"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "脱敏组件",
+                        value: "secretInfo"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "自定义方法",
+                        value: "custom"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              formData.value.type === "number" || formData.value.type === "currency" || formData.value.type === "percent" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 0,
+                label: "小数位数",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.decimalDigit,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.decimalDigit = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "number" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 1,
+                label: "科学计数",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_switch, {
+                    modelValue: formData.value.scientific,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.value.scientific = $event),
+                    "active-text": "使用",
+                    "inactive-text": "不使用"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "number" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 2,
+                label: "科学计数位数",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.scientificNum,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.value.scientificNum = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "number" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 3,
+                label: "千位分隔符",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_switch, {
+                    modelValue: formData.value.thousandsSeparator,
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => formData.value.thousandsSeparator = $event),
+                    "active-text": "使用",
+                    "inactive-text": "不使用"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "number" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 4,
+                label: "数值符号",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.symbol,
+                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => formData.value.symbol = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "currency" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 5,
+                label: "货币符号",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.currencySymbol,
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => formData.value.currencySymbol = $event),
+                    placeholder: "Select"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "$",
+                        value: "$"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "￥",
+                        value: "￥"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "date" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 6,
+                label: "日期类型",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.dataType,
+                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => formData.value.dataType = $event),
+                    placeholder: "Select"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy-m-d",
+                        value: "yyyy-m-d"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy-m-d hh:mm:ss",
+                        value: "yyyy-m-d hh:mm:ss"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy-m",
+                        value: "yyyy-m"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "m-d",
+                        value: "m-d"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy",
+                        value: "yyyy"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy年m月d日",
+                        value: "yyyy年m月d日"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy年m月d日hh时mm分ss秒",
+                        value: "yyyy年m月d日hh时mm分ss秒"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "yyyy年m月",
+                        value: "yyyy年m月"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "m月d日",
+                        value: "m月d日"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "time" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 7,
+                label: "时间类型",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.timeType,
+                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => formData.value.timeType = $event),
+                    placeholder: "Select"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "HH:mm",
+                        value: "HH:mm"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "HH:mm:ss",
+                        value: "HH:mm:ss"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "HH时mm分",
+                        value: "HH时mm分"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "HH时mm分ss秒",
+                        value: "HH时mm分ss秒"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "hh:mm",
+                        value: "hh:mm"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "hh:mm:ss",
+                        value: "hh:mm:ss"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "hh时mm分",
+                        value: "hh时mm分"
+                      }),
+                      vue.createVNode(_component_el_option, {
+                        label: "hh时mm分ss秒",
+                        value: "hh时mm分ss秒"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "customControl" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 8,
+                label: "自定义控件",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.customControl,
+                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => formData.value.customControl = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "hyperlinks" ? (vue.openBlock(), vue.createBlock(suffixmodule_vue_vue_type_script_setup_true_lang, {
+                key: 9,
+                suffixModule: formData.value
+              }, null, 8, ["suffixModule"])) : vue.createCommentVNode("", true),
+              formData.value.type === "icon" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 10,
+                label: "图标",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(iconSetDialog, {
+                    modelValue: formData.value.icon,
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => formData.value.icon = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "icon" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 11,
+                label: "图标位置",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_switch, {
+                    modelValue: formData.value.position,
+                    "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => formData.value.position = $event),
+                    "active-text": "后缀",
+                    "inactive-text": "前缀",
+                    "active-value": "suf",
+                    "inactive-value": "pre"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "icon" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 12,
+                label: "回调事件",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.event,
+                    "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => formData.value.event = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "custom" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 13,
+                label: "自定义方法",
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.customControl,
+                    "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => formData.value.customControl = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 14,
+                label: "是否多选"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_switch, {
+                    modelValue: formData.value.multiple,
+                    "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => formData.value.multiple = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 15,
+                label: "接受上传的文件类型"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.accept,
+                    "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => formData.value.accept = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 16,
+                label: "文件限制大小(M)"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input_number, {
+                    modelValue: formData.value.limitFileSize,
+                    "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => formData.value.limitFileSize = $event),
+                    min: 1
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" && formData.value.multiple ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 17,
+                label: "选择数据表"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_input, {
+                    modelValue: formData.value.childAnnexDataTableCode,
+                    "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => formData.value.childAnnexDataTableCode = $event),
+                    onClick: openSelectDataTable,
+                    clearable: ""
+                  }, {
+                    append: vue.withCtx(() => [
+                      vue.createVNode(_component_el_button, {
+                        icon: vue.unref(iconsVue.Search),
+                        onClick: openSelectDataTable
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 18,
+                label: "展示名称对应字段"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.showName,
+                    "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => formData.value.showName = $event),
+                    filterable: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "1",
+                        value: "1"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true),
+              formData.value.type === "files" ? (vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: 19,
+                label: "服务器名称对应字段"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: formData.value.serverName,
+                    "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => formData.value.serverName = $event),
+                    filterable: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "time",
+                        value: "time"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          selectDataTableVisible.value ? (vue.openBlock(), vue.createBlock(selectDataTable_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            onAdd: addSelectDataTable,
+            onClose: closeSelectDataTable
+          })) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/data/component/formatting.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const formatting_vue_vue_type_script_setup_true_lang = require("./formatting.vue.js");
+module.exports = formatting_vue_vue_type_script_setup_true_lang;