super-page-designer 0.0.2-tmp8 → 1.0.1

package/dist/lib/components/design/views/assemblys/chart/common/common-attr-sortby.vue.js

@@ -0,0 +1,253 @@
+"use strict";
+const vue = require("vue");
+const commonVariableBind = require("../../common/common-variable-bind.vue.js");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-attr-sortby",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const orderOptions = ref([]);
+    function formatOrderptions() {
+      const options = [];
+      options.push({
+        value: "X",
+        label: "[横坐标]"
+      });
+      if (props.configure.items) {
+        for (let i of props.configure.items) {
+          if (i.props && i.props.title) {
+            options.push({
+              value: i.props.title,
+              label: i.props.title
+            });
+          }
+        }
+      }
+      orderOptions.value = options;
+    }
+    vue.watch(
+      props.configure.items,
+      () => {
+        formatOrderptions();
+      },
+      { immediate: true }
+    );
+    function afterBindVariable(modelValue, field) {
+      if (field == "orderVariable") {
+        props.configure.props.orderVariable = modelValue;
+      } else if (field == "itemNumVariable") {
+        props.configure.props.itemNumVariable = modelValue;
+      }
+    }
+    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_radio = vue.resolveComponent("el-radio");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "排序",
+        name: "propsSort",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "排序对象",
+              style: { "margin-top": "4px", "margin-bottom": "10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_select, {
+                  modelValue: __props.configure.props.orderByTarget,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.orderByTarget = $event),
+                  placeholder: "默认",
+                  clearable: ""
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(orderOptions), (o) => {
+                      return vue.openBlock(), vue.createBlock(_component_el_option, {
+                        label: o.label,
+                        value: o.value
+                      }, null, 8, ["label", "value"]);
+                    }), 256))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_el_radio_group, {
+              modelValue: __props.configure.props.orderSource,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.orderSource = $event)
+            }, {
+              default: vue.withCtx(() => [
+                vue.withDirectives(vue.createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
+                  label: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, { value: "fix" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("排序方式")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_select, {
+                      style: { "width": "90px" },
+                      modelValue: __props.configure.props.orderFix,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.props.orderFix = $event),
+                      disabled: __props.configure.props.orderSource != "fix",
+                      placeholder: "默认",
+                      clearable: ""
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "升序",
+                          value: "asc"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "降序",
+                          value: "desc"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "disabled"])
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vue.vShow, __props.configure.props.orderByTarget]
+                ]),
+                vue.withDirectives(vue.createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
+                  label: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, { value: "variable" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("排序变量")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(commonVariableBind, {
+                      showLabel: __props.configure.props.orderSource != "variable",
+                      modelValue: __props.configure.props.orderVariable,
+                      paramTypes: ["data", "page"],
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => afterBindVariable(value, "orderVariable"))
+                    }, null, 8, ["showLabel", "modelValue"]),
+                    vue.withDirectives(vue.createVNode(_component_el_text, {
+                      type: "success",
+                      size: "small"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("将根据此变量排序")
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vue.vShow, __props.configure.props.orderSource == "variable"]
+                    ])
+                  ]),
+                  _: 1
+                }, 512), [
+                  [vue.vShow, __props.configure.props.orderByTarget]
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_divider, { style: { "margin-top": "-5px", "margin-bottom": "15px" } }),
+            vue.createVNode(_component_el_radio_group, {
+              modelValue: __props.configure.props.itemNumSource,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.itemNumSource = $event)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
+                  label: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, { value: "fix" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("显示数量")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input_number, {
+                      disabled: __props.configure.props.itemNumSource != "fix",
+                      placeholder: "10",
+                      modelValue: __props.configure.props.itemNumFix,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.itemNumFix = $event),
+                      min: 1
+                    }, null, 8, ["disabled", "modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, { style: { "margin-top": "-10px" } }, {
+                  label: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio, { value: "variable" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("数量变量")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(commonVariableBind, {
+                      showLabel: __props.configure.props.itemNumSource != "variable",
+                      modelValue: __props.configure.props.itemNumVariable,
+                      paramTypes: ["data", "page"],
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = (value) => afterBindVariable(value, "itemNumVariable"))
+                    }, null, 8, ["showLabel", "modelValue"]),
+                    vue.withDirectives(vue.createVNode(_component_el_text, {
+                      type: "success",
+                      size: "small"
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("将根据此变量控制显示数量")
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vue.vShow, __props.configure.props.itemNumSource == "variable"]
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            vue.createVNode(_component_el_form_item, {
+              label: "超出时别名",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input, {
+                  modelValue: __props.configure.props.overItemAlias,
+                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.overItemAlias = $event),
+                  placeholder: "请输入"
+                }, null, 8, ["modelValue"]),
+                vue.createVNode(_component_el_text, {
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("未设置时不显示超出数量的数据项")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/common/common-attr-sortby.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonAttrSortby_vue_vue_type_script_setup_true_lang = require("./common-attr-sortby.vue.js");
+module.exports = commonAttrSortby_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/chart/common/common-chart-header-group.vue.js

@@ -0,0 +1,49 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-chart-header-group",
+  props: {
+    headerInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_radio = vue.resolveComponent("el-radio");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      return __props.headerInfo.groupComponent == "checkbox" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.headerInfo.options, (o) => {
+        return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+          modelValue: __props.headerInfo.groupValue,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.headerInfo.groupValue = $event),
+          label: o.label,
+          value: o.value
+        }, null, 8, ["modelValue", "label", "value"]);
+      }), 256)) : __props.headerInfo.groupComponent == "radio" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.headerInfo.options, (o) => {
+        return vue.openBlock(), vue.createBlock(_component_el_radio, {
+          modelValue: __props.headerInfo.groupValue,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.headerInfo.groupValue = $event),
+          value: o.value,
+          label: o.label
+        }, null, 8, ["modelValue", "value", "label"]);
+      }), 256)) : (vue.openBlock(), vue.createBlock(_component_el_radio_group, {
+        key: 2,
+        modelValue: __props.headerInfo.groupValue,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.headerInfo.groupValue = $event)
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.headerInfo.options, (o) => {
+            return vue.openBlock(), vue.createBlock(_component_el_radio_button, {
+              label: o.label,
+              value: o.value
+            }, null, 8, ["label", "value"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]));
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/common/common-chart-header-group.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonChartHeaderGroup_vue_vue_type_script_setup_true_lang = require("./common-chart-header-group.vue.js");
+module.exports = commonChartHeaderGroup_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/chart/common/common-chart-header.vue.js

@@ -0,0 +1,56 @@
+"use strict";
+const vue = require("vue");
+const commonChartHeaderGroup_vue_vue_type_script_setup_true_lang = require("./common-chart-header-group.vue.js");
+const _hoisted_1 = { class: "amb-widget-chart-header" };
+const _hoisted_2 = { class: "amb-widget-chart-header-item" };
+const _hoisted_3 = { class: "amb-widget-chart-header-item amb-widget-chart-header-center" };
+const _hoisted_4 = { class: "amb-widget-chart-header-item" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-chart-header",
+  props: {
+    headerInfo: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.withDirectives(vue.createElementVNode("label", {
+            style: vue.normalizeStyle(__props.headerInfo.style)
+          }, vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [vue.vShow, __props.headerInfo.title && (!__props.headerInfo.textAlign || __props.headerInfo.textAlign == "left")]
+          ]),
+          __props.headerInfo.showGroup && (!__props.headerInfo.groupPosition || __props.headerInfo.groupPosition == "left") ? (vue.openBlock(), vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.withDirectives(vue.createElementVNode("label", {
+            style: vue.normalizeStyle(__props.headerInfo.style)
+          }, vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [vue.vShow, __props.headerInfo.title && __props.headerInfo.textAlign == "center"]
+          ]),
+          __props.headerInfo.showGroup && __props.headerInfo.groupPosition == "center" ? (vue.openBlock(), vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.withDirectives(vue.createElementVNode("label", {
+            style: vue.normalizeStyle(__props.headerInfo.style)
+          }, vue.toDisplayString(__props.headerInfo.title) + "  ", 5), [
+            [vue.vShow, __props.headerInfo.title && __props.headerInfo.textAlign == "right"]
+          ]),
+          __props.headerInfo.showGroup && __props.headerInfo.groupPosition == "right" ? (vue.openBlock(), vue.createBlock(commonChartHeaderGroup_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            headerInfo: __props.headerInfo
+          }, null, 8, ["headerInfo"])) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/common/common-chart-header.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonChartHeader_vue_vue_type_script_setup_true_lang = require("./common-chart-header.vue.js");
+module.exports = commonChartHeader_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/chart/common/common-style-custom.vue.js

@@ -0,0 +1,49 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-custom",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "自定义配置项",
+        name: "styleCustom",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form, { "label-position": "top" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_form_item, { style: { "margin-top": "4px", "margin-bottom": "-15px" } }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: __props.configure.style.customAttr,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.customAttr = $event),
+                      rows: 10,
+                      type: "textarea",
+                      placeholder: 'title:{link:""},最外层可不需要大括号'
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/common/common-style-custom.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleCustom_vue_vue_type_script_setup_true_lang = require("./common-style-custom.vue.js");
+module.exports = commonStyleCustom_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/chart/common/common-style-datazoom.vue.js

@@ -0,0 +1,126 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "common-style-datazoom",
+  props: {
+    configure: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_radio_button = vue.resolveComponent("el-radio-button");
+      const _component_el_radio_group = vue.resolveComponent("el-radio-group");
+      const _component_el_input_number = vue.resolveComponent("el-input-number");
+      const _component_el_text = vue.resolveComponent("el-text");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "缩略轴(横坐标)",
+        name: "styleDatazoom",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_form_item, {
+              label: "是否显示",
+              style: { "margin-top": "0px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_switch, {
+                  modelValue: __props.configure.style.enableDatazoom,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.style.enableDatazoom = $event)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "类型",
+              style: { "margin-top": "18px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_radio_group, {
+                  modelValue: __props.configure.style.dataZoomType,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.configure.style.dataZoomType = $event)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_radio_button, { value: "" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("默认")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "slider" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("滑动")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(_component_el_radio_button, { value: "inside" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("内置")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableDatazoom]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "开始比例",
+              style: { "margin-top": "-10px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.dataZoomStart,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.style.dataZoomStart = $event),
+                  min: 0,
+                  max: __props.configure.style.dataZoomEnd
+                }, null, 8, ["modelValue", "max"])
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableDatazoom]
+            ]),
+            vue.withDirectives(vue.createVNode(_component_el_form_item, {
+              label: "结束比例",
+              style: { "margin-top": "-10px", "margin-bottom": "-15px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_input_number, {
+                  modelValue: __props.configure.style.dataZoomEnd,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.style.dataZoomEnd = $event),
+                  min: __props.configure.style.dataZoomStart,
+                  max: 100
+                }, null, 8, ["modelValue", "min"]),
+                vue.createTextVNode("、 "),
+                vue.createVNode(_component_el_text, {
+                  style: { "line-height": "15px", "margin-top": "5px" },
+                  type: "success",
+                  size: "small"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 数据窗口范围的起始百分比,范围是：0 ~ 100,表示 0% ~ 100% ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 512), [
+              [vue.vShow, __props.configure.style.enableDatazoom]
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/chart/common/common-style-datazoom.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const commonStyleDatazoom_vue_vue_type_script_setup_true_lang = require("./common-style-datazoom.vue.js");
+module.exports = commonStyleDatazoom_vue_vue_type_script_setup_true_lang;