super-page-runtime 2.3.17 → 2.3.18-tmp2

package/dist/lib/components/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js

@@ -0,0 +1,287 @@
+"use strict";
+const Vue = require("vue");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+require("../../../../../../node_modules/.pnpm/quill@2.0.3/node_modules/quill/quill.js");
+;/* empty css                                                                                       */
+const eventUtil = require("../../../../utils/events/event-util.js");
+const request = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.1.58_@vue_29e6d749740d5c0a82211de8e577b320/node_modules/agilebuilder-ui/src/utils/request.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+require("../../../../../../node_modules/.pnpm/quill@2.0.3/node_modules/quill/core.js");
+const quill = require("../../../../../../node_modules/.pnpm/quill@2.0.3/node_modules/quill/core/quill.js");
+const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "richtext-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let sizeConfig = pageHelperUtil.getSizeConfig(props.pageContext, props.configure);
+    if (sizeConfig && sizeConfig.fixHeight) {
+      if (!runtimeStyle.height) {
+        runtimeStyle.height = sizeConfig.fixHeight + "px";
+      }
+    }
+    let contentVariable = designProperty.value.value;
+    const initValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
+    const quillEditorRef = Vue.ref(null);
+    let quill$1 = null;
+    Vue.ref(null);
+    let hisState = designProperty.value.state;
+    function checkReadonly(state) {
+      return state == "readonly" || state == "disabled";
+    }
+    const initReadonly = checkReadonly(hisState);
+    const option = Vue.ref({
+      modules: {
+        toolbar: [
+          ["bold", "italic", "underline", "strike"],
+          // 加粗 斜体 下划线 删除线
+          ["blockquote", "code-block"],
+          // 引用
+          [{ list: "ordered" }, { list: "bullet" }],
+          // 有序、无序列表
+          [{ script: "sub" }, { script: "super" }],
+          // 上标/下标
+          [{ indent: "-1" }, { indent: "+1" }],
+          // 缩进
+          [{ direction: "rtl" }],
+          // 文本方向
+          [{ size: ["small", false, "large", "huge"] }],
+          // 字体大小
+          [{ header: [1, 2, 3, 4, 5, 6, false] }],
+          // 标题
+          [{ color: [] }, { background: [] }],
+          // 字体颜色、字体背景颜色
+          [{ font: [] }],
+          // 字体种类
+          [{ align: [] }],
+          // 对齐方式
+          ["clean"],
+          // 清除文本格式
+          ["link", "image"]
+          // 链接、图片、视频
+        ]
+      },
+      theme: "snow",
+      placeholder: initReadonly ? "" : designProperty.value.placeholder,
+      readOnly: initReadonly
+    });
+    Vue.watch(designProperty.value, () => {
+      const newState = designProperty.value.state;
+      if (newState != void 0 && newState !== hisState) {
+        hisState = newState;
+        const isReadonly = checkReadonly(hisState);
+        if (quill$1) {
+          quill$1.enable(!isReadonly);
+          quill$1.root.dataset.placeholder = isReadonly ? "" : designProperty.value.placeholder;
+        }
+      }
+    });
+    function updateEditorHeight() {
+      if (quill$1 && quill$1.container) {
+        const parentNode = quill$1.container.parentNode;
+        const parentRect = parentNode.getBoundingClientRect();
+        const thisRect = quill$1.container.getBoundingClientRect();
+        let newHeight = parentRect.height - (thisRect.top - parentRect.top);
+        if (newHeight < 100) {
+          newHeight = 100;
+        }
+        quill$1.container.style.height = newHeight + "px";
+      }
+    }
+    const previewList = Vue.ref([]);
+    const showViewer = Vue.ref(false);
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    let editorContainer;
+    function extractUuidFromSrc(src) {
+      const match = src.match(/serverPath=([^&"]+)/);
+      return match ? match[1] : "";
+    }
+    Vue.onMounted(() => {
+      var _a;
+      quill$1 = new quill.default(quillEditorRef.value, option.value);
+      quill$1.root.style.fontSize = "16px";
+      let content = initValue;
+      content = content.replace(/<img data-uuid="(.*?)"/g, (match, src) => {
+        const uuid = extractUuidFromSrc(src);
+        const backendUrl = props.pageContext.backendUrl;
+        const baseUrl = commonUtil.getBaseUrl(backendUrl, props.pageContext.isTest);
+        return `<img src="${baseUrl}/common/fs-upload/download?serverPath=${uuid}&isShowWatermark=false" data-uuid="${uuid}"`;
+      });
+      const delta = quill$1.clipboard.convertHTML(content);
+      quill$1.setContents(delta.ops);
+      Vue.nextTick(() => {
+        const images = quill$1.root.querySelectorAll("img");
+        images.forEach((img) => {
+          if (!img.getAttribute("data-uuid")) {
+            const uuid = extractUuidFromSrc(img.src);
+            img.setAttribute("data-uuid", uuid);
+          }
+        });
+      });
+      (_a = quillEditorRef.value) == null ? void 0 : _a.addEventListener("focusout", handleFocusOut);
+      quill$1.on("text-change", async function(delta2, oldDelta, source) {
+        const images = quill$1.root.getElementsByTagName("img");
+        for (let img of images) {
+          if (!img.getAttribute("data-uuid")) {
+            const uuid = extractUuidFromSrc(img.src);
+            img.setAttribute("data-uuid", uuid);
+          }
+        }
+        if (delta2.ops && delta2.ops.length > 0) {
+          for (let i = 0; i < delta2.ops.length; i++) {
+            const ops = delta2.ops[i];
+            if (ops.insert && ops.insert.image) {
+              const dataurl = ops.insert.image;
+              if (!dataurl.startsWith("data:image")) {
+                return;
+              }
+              const file = dataURLtoFile(dataurl, "image.png");
+              await uploadImage(file).then((res) => {
+                if (!quill$1) {
+                  return;
+                }
+                const images2 = quill$1.root.getElementsByTagName("img");
+                if (images2 && images2.length > 0) {
+                  for (let i2 = 0; i2 < images2.length; i2++) {
+                    const img = images2[i2];
+                    if (img.src === dataurl) {
+                      img.width = 300;
+                      img.src = res.url;
+                      img.setAttribute("data-uuid", res.uuid);
+                    }
+                  }
+                }
+              }).catch((err) => {
+                console.error(err, "上传图片失败");
+              });
+            }
+          }
+        }
+        const htmlVal = quill$1.root.innerHTML;
+        pageHelperUtil.setVariableValue(entity, dynamicFields, htmlVal);
+        if (htmlVal !== void 0 && htmlVal !== null && htmlVal !== "") {
+          requiredClass.value = "";
+        }
+      });
+      editorContainer = quill$1.container;
+      editorContainer.addEventListener("click", handleClick);
+      updateEditorHeight();
+      Vue.nextTick(() => {
+        const value = pageHelperUtil.getVariableValue(entity, dynamicFields);
+        eventUtil.handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: componentRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    Vue.onBeforeUnmount(() => {
+      if (quillEditorRef.value) {
+        quillEditorRef.value.removeEventListener("focusout", handleFocusOut);
+      }
+      if (editorContainer) {
+        editorContainer.removeEventListener("click", handleClick);
+      }
+    });
+    function handleFocusOut(event) {
+      var _a;
+      if (event.relatedTarget === null || !((_a = quillEditorRef.value) == null ? void 0 : _a.contains(event.relatedTarget))) {
+        eventUtil.handleFormEvent(quill$1.root.innerHTML, props.pageContext, props.configure, "change", {
+          entity
+        });
+      }
+    }
+    function handleClick(event) {
+      if (event.target.localName === "img") {
+        previewList.value = [];
+        let imgSrc = event.target.src;
+        previewList.value.push(imgSrc);
+        showViewer.value = true;
+      }
+    }
+    function uploadImage(blob) {
+      const params = new FormData();
+      params.append("file", blob);
+      const config = {
+        headers: {
+          "Content-Type": "multipart/form-data"
+        }
+      };
+      const backendUrl = props.pageContext.backendUrl;
+      const baseUrl = commonUtil.getBaseUrl(backendUrl, props.pageContext.isTest);
+      return request.post(baseUrl + "/common/fs-upload/rich-editor-image", params, config);
+    }
+    function dataURLtoFile(dataurl, filename) {
+      let arr = dataurl.split(",");
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], filename, { type: mime });
+    }
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      const _component_el_image_viewer = Vue.resolveComponent("el-image-viewer");
+      return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
+        Vue.createVNode(_component_el_form_item, {
+          required: designProperty.value.required,
+          class: Vue.normalizeClass(Vue.unref(runtimeClass) + (requiredClass.value ? " " + requiredClass.value : "")),
+          "label-width": designProperty.value.labelWidth,
+          style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+        }, {
+          label: Vue.withCtx(() => [
+            designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+              key: 0,
+              style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+            }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+          ]),
+          default: Vue.withCtx(() => [
+            Vue.createElementVNode("div", _hoisted_1, [
+              Vue.createElementVNode("div", {
+                ref_key: "quillEditorRef",
+                ref: quillEditorRef,
+                style: { "width": "100%" }
+              }, null, 512)
+            ])
+          ]),
+          _: 1
+        }, 8, ["required", "class", "label-width", "style"]),
+        showViewer.value ? (Vue.openBlock(), Vue.createBlock(_component_el_image_viewer, {
+          key: 0,
+          "hide-on-click-modal": "",
+          onClose: _cache[0] || (_cache[0] = () => {
+            showViewer.value = false;
+          }),
+          "url-list": previewList.value
+        }, null, 8, ["url-list"])) : Vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/select/select-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const selectRuntime_vue_vue_type_script_setup_true_lang = require("./select-runtime.vue2.js");
+module.exports = selectRuntime_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/form/select/select-runtime.vue2.js

@@ -0,0 +1,364 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const titleSuffixElement_vue_vue_type_script_setup_true_lang = require("../common/title-suffix-element.vue.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const index$1 = require("../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.18_typescript@5.4.5_/node_modules/@element-plus/icons-vue/dist/index.js");
+const clipboard = require("../../../../../../node_modules/.pnpm/clipboard@2.0.11/node_modules/clipboard/dist/clipboard.js");
+const vueI18n = require("../../../../../../node_modules/.pnpm/vue-i18n@9.14.5_vue@3.5.18_typescript@5.4.5_/node_modules/vue-i18n/dist/vue-i18n.js");
+const index = require("../../../../../../node_modules/.pnpm/element-plus@2.10.5_vue@3.5.18_typescript@5.4.5_/node_modules/element-plus/es/components/message/index.js");
+const _hoisted_1 = { style: { "padding-left": "5px" } };
+const _hoisted_2 = { style: { "float": "left" } };
+const _hoisted_3 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "select-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const { t } = vueI18n.useI18n();
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let beforeChangeValue = [];
+    const copyBtnId = "copyBtn_" + props.configure.uuid + "_" + (/* @__PURE__ */ new Date()).getTime();
+    function getRawValue() {
+      let val = pageHelperUtil.getVariableValue(entity, dynamicFields);
+      if (val !== void 0 && val !== null) {
+        val = String(val);
+      }
+      if (designProperty.value.multiple) {
+        val = val ? String(val).split(",") : [];
+      }
+      return val;
+    }
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        return getRawValue();
+      },
+      set(value) {
+        const prev = getRawValue();
+        beforeChangeValue = Array.isArray(prev) ? [...prev] : prev;
+        let next = value;
+        if (designProperty.value.multiple) {
+          const asArray = !!designProperty.value.arrayValue;
+          if (asArray) {
+            next = Array.isArray(value) ? value : value ? String(value).split(",") : [];
+          } else {
+            if (Array.isArray(value)) {
+              next = value.length > 0 ? value.join(",") : "";
+            } else {
+              next = value ?? "";
+            }
+          }
+        }
+        pageHelperUtil.setVariableValue(entity, dynamicFields, next);
+        if (next !== void 0 && next !== null) {
+          requiredClass.value = "";
+        }
+      }
+    });
+    const listOptions = Vue.ref(designProperty.value.options ? designProperty.value.options : []);
+    const cacheOptions = pageHelperUtil.getOptionDatasFromPage(props.pageContext, props.configure);
+    if (cacheOptions.length > 0) {
+      listOptions.value = cacheOptions;
+    }
+    const queryLoadingFlag = Vue.ref(false);
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    let autoSets = [];
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
+    if (valueType == "dynamicData" || valueType == "dataTable" || valueType == "service") {
+      if (dataOrigin.filterType == "remote") {
+        designProperty.value.filterable = true;
+        designProperty.value.remote = true;
+        designProperty.value.remoteShowSuffix = true;
+        let hisQuery = void 0;
+        designProperty.value.remoteMethod = function(query) {
+          if (hisQuery === query) {
+            return;
+          }
+          hisQuery = query;
+          queryLoadingFlag.value = true;
+          console.log("query", query);
+          pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, query).then((results) => {
+            queryLoadingFlag.value = false;
+          }).then((error) => {
+            console.log("查询失败!", error);
+            queryLoadingFlag.value = false;
+          });
+        };
+      }
+      if (dataOrigin.autoSets) {
+        for (let obj of dataOrigin.autoSets) {
+          if (obj.source) {
+            autoSets.push(obj);
+          }
+        }
+      }
+    }
+    if (props.configure && props.configure.props && props.configure.props.base && props.configure.props.base.optionProp) {
+      autoSets.push({
+        source: "label",
+        target: props.configure.props.base.optionProp
+      });
+    }
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.monitorFields;
+    const monitorFieldInfos = [];
+    if (monitorFields) {
+      const preFields = [];
+      for (let propName of monitorFields) {
+        if (propName.startsWith("${")) {
+          propName = propName.substring(2, propName.length - 1);
+          const fields = propName.split(".");
+          if (fields[0] === "page" || fields[0] === "task" || fields[0] === "data") {
+            monitorFieldInfos.push(fields);
+            if (!preFields.includes(fields[0])) {
+              preFields.push(fields[0]);
+            }
+          }
+        }
+      }
+      for (let preField of preFields) {
+        Vue.watch(entity[preField], () => {
+          monitorFieldChange();
+        });
+      }
+    }
+    function getMonitorFieldValues() {
+      let values = [];
+      for (let fieldInfo of monitorFieldInfos) {
+        values.push(pageHelperUtil.getVariableValue(entity, fieldInfo));
+      }
+      return values.join(",");
+    }
+    let initMonitorValue = "";
+    let monitorTimeout = false;
+    function monitorFieldChange() {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+      monitorTimeout = setTimeout(function() {
+        const newValue = getMonitorFieldValues();
+        if (newValue == initMonitorValue) {
+          return;
+        }
+        initMonitorValue = newValue;
+        optionconfigInfo.watchAttrValue = newValue;
+        pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((error) => {
+          console.log("查询失败!", error);
+          queryLoadingFlag.value = false;
+        });
+      }, 200);
+    }
+    Vue.onUnmounted(() => {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+    });
+    function optionChange(value) {
+      let selItems = null;
+      if (listOptions.value && value != void 0 && value != null) {
+        selItems = listOptions.value.filter((item) => {
+          return Array.isArray(value) ? value.includes(item.value) : value === item.value;
+        });
+      }
+      if (autoSets.length > 0) {
+        pageHelperUtil.autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems, [designProperty.value.prop]);
+      }
+      let selectItem;
+      if (selItems && selItems.length > 0) {
+        selectItem = selItems[0];
+      }
+      let otherParams = {};
+      if (selectItem) {
+        otherParams.extendParams = selectItem;
+      }
+      otherParams.options = listOptions.value;
+      otherParams.oldValue = beforeChangeValue;
+      eventUtil.handleFormEvent(value, props.pageContext, props.configure, "change", otherParams);
+    }
+    function updateOptions(newOptions) {
+      listOptions.value = newOptions ? newOptions : [];
+    }
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      const clipboard$1 = new clipboard("#" + copyBtnId, {
+        text: function() {
+          return getSelectItemsTitle();
+        }
+      });
+      clipboard$1.on("success", () => {
+        console.log("复制成功");
+        index.ElMessage({
+          showClose: true,
+          type: "success",
+          message: t("superPageRuntimeMessage.copySuccess")
+        });
+      });
+      clipboard$1.on("error", (e) => {
+        console.error("复制失败", e);
+      });
+      Vue.nextTick(() => {
+        const value = dynamicModelMethod.value;
+        eventUtil.handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: componentRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    function getSelectItemsTitle() {
+      const val = getRawValue();
+      if (val !== null && val !== void 0 && val !== "" && val.length > 0) {
+        let selectTittle = "";
+        if (typeof val === "string") {
+          if (listOptions.value.length > 0) {
+            listOptions.value.forEach((Ttem) => {
+              if (Ttem["value"] === val) {
+                selectTittle = Ttem.label;
+              }
+            });
+          } else {
+            selectTittle = val;
+          }
+        } else {
+          if (listOptions.value.length > 0) {
+            listOptions.value.forEach((Ttem) => {
+              val.forEach((Vtem) => {
+                if (Ttem["value"] === Vtem) {
+                  selectTittle = selectTittle + Ttem.label + ",";
+                }
+              });
+            });
+            selectTittle = selectTittle.slice(0, selectTittle.length - 1);
+          } else {
+            selectTittle = val.join(",");
+          }
+        }
+        return selectTittle;
+      }
+    }
+    __expose({
+      updateOptions,
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = Vue.resolveComponent("el-icon");
+      const _component_el_option = Vue.resolveComponent("el-option");
+      const _component_el_select = Vue.resolveComponent("el-select");
+      const _component_el_popover = Vue.resolveComponent("el-popover");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required ? true : false,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass) + (requiredClass.value ? " " + requiredClass.value : "")),
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+          }, [
+            designProperty.value.prefixType ? (Vue.openBlock(), Vue.createBlock(titleSuffixElement_vue_vue_type_script_setup_true_lang, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+              Vue.createTextVNode(Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 1)
+            ], 64))
+          ], 4)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_popover, {
+            placement: "top",
+            trigger: "hover"
+          }, {
+            reference: Vue.withCtx(() => [
+              Vue.createVNode(_component_el_select, {
+                ref_key: "componentRef",
+                ref: componentRef,
+                style: { "width": "100%" },
+                disabled: designProperty.value.state === "disabled",
+                size: designProperty.value.size,
+                clearable: designProperty.value.clearable,
+                multiple: designProperty.value.multiple,
+                "collapse-tags": designProperty.value.collapseTags,
+                "collapse-tags-tooltip": designProperty.value.collapseTagsTooltip,
+                filterable: designProperty.value.filterable,
+                "allow-create": designProperty.value.allowCreate,
+                placeholder: designProperty.value.placeholder,
+                "remote-show-suffix": designProperty.value.remoteShowSuffix,
+                remote: designProperty.value.remote,
+                "remote-method": designProperty.value.remoteMethod,
+                loading: queryLoadingFlag.value,
+                onChange: designProperty.value.changeMethod,
+                modelValue: dynamicModelMethod.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
+              }, {
+                default: Vue.withCtx(() => [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(listOptions.value, (item) => {
+                    return Vue.openBlock(), Vue.createBlock(_component_el_option, {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value,
+                      onClick: ($event) => Vue.unref(eventUtil.handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", {
+                        values: dynamicModelMethod.value
+                      })
+                    }, {
+                      default: Vue.withCtx(() => [
+                        item._description_ ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
+                          Vue.createElementVNode("span", _hoisted_2, Vue.toDisplayString(item.label), 1),
+                          Vue.createElementVNode("span", _hoisted_3, Vue.toDisplayString(item._description_), 1)
+                        ], 64)) : Vue.createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "value", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "modelValue"])
+            ]),
+            default: Vue.withCtx(() => [
+              Vue.createElementVNode("span", _hoisted_1, [
+                Vue.createVNode(_component_el_icon, { id: copyBtnId }, {
+                  default: Vue.withCtx(() => [
+                    Vue.createVNode(Vue.unref(index$1.CopyDocument))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/separatelabel/separatelabel-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const separatelabelRuntime_vue_vue_type_script_setup_true_lang = require("./separatelabel-runtime.vue2.js");
+module.exports = separatelabelRuntime_vue_vue_type_script_setup_true_lang;