super-page-runtime 2.2.26 → 2.2.29-tmp2

package/dist/es/components/runtime/views/assemblys/form/file-upload/fileupload-runtime.vue2.js

@@ -1,61 +1,193 @@
-import { defineComponent as e, ref as l, onMounted as t, nextTick as i, onUnmounted as o, resolveComponent as a, createBlock as s, createCommentVNode as u, openBlock as n, normalizeStyle as p, normalizeClass as r, unref as m, withCtx as f, createElementBlock as v, toDisplayString as c } from "vue";
-import { getVariableValue as d, setVariableValue as h } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as y, fileUploadBeforeUpload as g } from "../../../../utils/events/event-util.js";
-import C from "agilebuilder-ui/src/utils/request";
-import { FsUploadNew as x } from "agilebuilder-ui";
-import b from "../../../../utils/eventBus.js";
-import { $t as k } from "../../../../utils/i18n-util.js";
-const _ = e({ __name: "fileupload-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const _2 = e2, w = _2.configure.runtime ? _2.configure.runtime : {}, P = l(w.props ? w.props : {}), j = w.style, R = w.class, T = w.headerStyle, z = w.titleExceedStyle, I = _2.pageContext.entity ? _2.pageContext.entity : {}, O = _2.configure.props.base ? _2.configure.props.base : {}, S = E(O.prop), F = E(O.propName), N = _2.pageContext.code, q = l(S ? N + "__" + S.join("__") : null), D = d(I, S), U = l(null), $ = l(false), W = l([]), B = l({});
-  if (D) {
-    const e3 = D.split(",");
-    if (e3.length > 0) {
-      const l2 = _2.pageContext.backendUrl;
-      C.post(l2 + "/common/fs-upload/search-file-names", e3).then((l3) => {
-        const t2 = [];
-        for (let i2 = 0; i2 < e3.length; i2++) {
-          const o2 = e3[i2];
-          t2.push(l3[o2]), W.value.push({ showName: l3[o2], serverPath: o2 });
+import { defineComponent, ref, onMounted, nextTick, onUnmounted, resolveComponent, createBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createElementBlock, toDisplayString } from "vue";
+import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent, fileUploadBeforeUpload } from "../../../../utils/events/event-util.js";
+import http from "agilebuilder-ui/src/utils/request";
+import { FsUploadNew } from "agilebuilder-ui";
+import bus from "../../../../utils/eventBus.js";
+import { $t } from "../../../../utils/i18n-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "fileupload-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const propsBase = props.configure.props.base ? props.configure.props.base : {};
+    const pathFields = getFieldsByVariable(propsBase.prop);
+    const nameFields = getFieldsByVariable(propsBase.propName);
+    const pageCode = props.pageContext.code;
+    const componentId = ref(pathFields ? pageCode + "__" + pathFields.join("__") : null);
+    const initPaths = getVariableValue(entity, pathFields);
+    const fileUploadRef = ref(null);
+    const hasLoad = ref(false);
+    const fileList = ref([]);
+    const fileInfo = ref({});
+    if (initPaths) {
+      const uuids = initPaths.split(",");
+      if (uuids.length > 0) {
+        const backendUrl = props.pageContext.backendUrl;
+        http.post(backendUrl + "/common/fs-upload/search-file-names", uuids).then((result) => {
+          const names = [];
+          for (let index = 0; index < uuids.length; index++) {
+            const uuid = uuids[index];
+            names.push(result[uuid]);
+            fileList.value.push({ showName: result[uuid], serverPath: uuid });
+          }
+          if (designProperty.value.displayType === "input") {
+            fileInfo.value.showName = names.join(",");
+            fileInfo.value.serverPath = uuids.join(",");
+          }
+        }).finally(() => {
+          hasLoad.value = true;
+        });
+      } else {
+        hasLoad.value = true;
+      }
+    } else {
+      hasLoad.value = true;
+    }
+    function getFieldsByVariable(variableName) {
+      if (!variableName) {
+        return [];
+      }
+      if (variableName.startsWith("${")) {
+        variableName = variableName.substring(2, variableName.length - 1);
+      }
+      return variableName.split(".");
+    }
+    function beforeUpload(params) {
+      return fileUploadBeforeUpload(params);
+    }
+    const onSuccess = (response, uploadFile, uploadFiles) => {
+      updateValue();
+    };
+    const onRemove = (file) => {
+      updateValue();
+    };
+    const updateValue = () => {
+      const names = [];
+      const uuids = [];
+      if (designProperty.value.limit) {
+        if (fileList.value.length > designProperty.value.limit) {
+          const diff = fileList.value.length - designProperty.value.limit;
+          for (let index = 0; index < diff; index++) {
+            fileList.value.shift();
+          }
         }
-        "input" === P.value.displayType && (B.value.showName = t2.join(","), B.value.serverPath = e3.join(","));
-      }).finally(() => {
-        $.value = true;
+      }
+      for (let index = 0; index < fileList.value.length; index++) {
+        names.push(fileList.value[index].showName);
+        uuids.push(fileList.value[index].serverPath);
+      }
+      setVariableValue(props.pageContext.entity, pathFields, uuids.join(","));
+      setVariableValue(props.pageContext.entity, nameFields, names.join(","));
+    };
+    const formItemRef = ref(null);
+    const titleRef = ref(null);
+    onMounted(() => {
+      bus.$on(componentId.value + "-pickFileDone", (data) => {
+        console.log(
+          "superPage4444---pickFileDone--componentId.value=",
+          componentId.value,
+          "data=",
+          data
+        );
+        fileUploadRef.value.pickFileDone(data);
+      });
+      nextTick(() => {
+        const pathFieldsValue = getVariableValue(entity, pathFields);
+        const nameFieldsValue = getVariableValue(entity, nameFields);
+        const value = { showName: nameFieldsValue, serverPath: pathFieldsValue };
+        handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: fileUploadRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
       });
-    } else $.value = true;
-  } else $.value = true;
-  function E(e3) {
-    return e3 ? (e3.startsWith("${") && (e3 = e3.substring(2, e3.length - 1)), e3.split(".")) : [];
-  }
-  function A(e3) {
-    return g(e3);
-  }
-  const G = (e3, l2, t2) => {
-    J();
-  }, H = (e3) => {
-    J();
-  }, J = () => {
-    const e3 = [], l2 = [];
-    if (P.value.limit && W.value.length > P.value.limit) {
-      const e4 = W.value.length - P.value.limit;
-      for (let l3 = 0; l3 < e4; l3++) W.value.shift();
-    }
-    for (let t2 = 0; t2 < W.value.length; t2++) e3.push(W.value[t2].showName), l2.push(W.value[t2].serverPath);
-    h(_2.pageContext.entity, S, l2.join(",")), h(_2.pageContext.entity, F, e3.join(","));
-  }, K = l(null), L = l(null);
-  return t(() => {
-    b.$on(q.value + "-pickFileDone", (e3) => {
-      U.value.pickFileDone(e3);
-    }), i(() => {
-      const e3 = d(I, S), l2 = { showName: d(I, F), serverPath: e3 };
-      y(l2, _2.pageContext, _2.configure, { formItemRef: K.value, componentRef: U.value, titleRef: L.value, value: l2, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
     });
-  }), o(() => {
-    b.$off(q.value + "-pickFileDone");
-  }), (e3, l2) => {
-    const t2 = a("el-form-item");
-    return P.value.tittleShow ? (n(), s(t2, { key: 0, ref_key: "formItemRef", ref: K, required: P.value.required, class: r(m(R)), "label-width": P.value.labelWidth, style: p(m(j)) }, { label: f(() => [P.value.tittleShow ? (n(), v("div", { key: 0, ref_key: "titleRef", ref: L, style: p({ ...m(T), ...m(z) }) }, c(m(k)(P.value.title)), 5)) : u("", true)]), default: f(() => [$.value ? (n(), s(m(x), { key: 0, ref_key: "fileUploadRef", ref: U, style: { width: "100%" }, disabled: "disabled" === P.value.state, displayType: P.value.displayType, accept: P.value.accept, multiple: P.value.multiple, placeholder: P.value.placeholder, limit: P.value.limit, "limit-file-size": P.value.limitFileSize, openCameraOrChoosePhoto: P.value.openCameraOrChoosePhoto, "file-info": B.value, "file-list": W.value, "system-code": e3.pageContext.systemCode, componentId: q.value, "on-success": G, "on-remove": H, "before-upload": A, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : $.value ? (n(), s(m(x), { key: 1, ref_key: "fileUploadRef", ref: U, style: { width: "100%" }, disabled: "disabled" === P.value.state, displayType: P.value.displayType, accept: P.value.accept, multiple: P.value.multiple, placeholder: P.value.placeholder, limit: P.value.limit, "limit-file-size": P.value.limitFileSize, openCameraOrChoosePhoto: P.value.openCameraOrChoosePhoto, "file-info": B.value, "file-list": W.value, "system-code": e3.pageContext.systemCode, componentId: q.value, "on-success": G, "on-remove": H, "before-upload": A, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true);
-  };
-} });
+    onUnmounted(() => {
+      bus.$off(componentId.value + "-pickFileDone");
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
+        key: 0,
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+          }, toDisplayString(unref($t)(designProperty.value.title)), 5)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          hasLoad.value ? (openBlock(), createBlock(unref(FsUploadNew), {
+            key: 0,
+            ref_key: "fileUploadRef",
+            ref: fileUploadRef,
+            style: { "width": "100%" },
+            disabled: designProperty.value.state === "disabled",
+            displayType: designProperty.value.displayType,
+            accept: designProperty.value.accept,
+            multiple: designProperty.value.multiple,
+            placeholder: designProperty.value.placeholder,
+            limit: designProperty.value.limit,
+            "limit-file-size": designProperty.value.limitFileSize,
+            openCameraOrChoosePhoto: designProperty.value.openCameraOrChoosePhoto,
+            "file-info": fileInfo.value,
+            "file-list": fileList.value,
+            "system-code": _ctx.pageContext.systemCode,
+            componentId: componentId.value,
+            "on-success": onSuccess,
+            "on-remove": onRemove,
+            "before-upload": beforeUpload,
+            pageContext: _ctx.pageContext
+          }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"])) : hasLoad.value ? (openBlock(), createBlock(unref(FsUploadNew), {
+        key: 1,
+        ref_key: "fileUploadRef",
+        ref: fileUploadRef,
+        style: { "width": "100%" },
+        disabled: designProperty.value.state === "disabled",
+        displayType: designProperty.value.displayType,
+        accept: designProperty.value.accept,
+        multiple: designProperty.value.multiple,
+        placeholder: designProperty.value.placeholder,
+        limit: designProperty.value.limit,
+        "limit-file-size": designProperty.value.limitFileSize,
+        openCameraOrChoosePhoto: designProperty.value.openCameraOrChoosePhoto,
+        "file-info": fileInfo.value,
+        "file-list": fileList.value,
+        "system-code": _ctx.pageContext.systemCode,
+        componentId: componentId.value,
+        "on-success": onSuccess,
+        "on-remove": onRemove,
+        "before-upload": beforeUpload,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : createCommentVNode("", true);
+    };
+  }
+});
 export {
-  _ as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/form/input-number/input-number-runtime.vue.js

@@ -1,4 +1,4 @@
-import e from "./input-number-runtime.vue2.js";
+import _sfc_main from "./input-number-runtime.vue2.js";
 export {
-  e as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/form/input-number/input-number-runtime.vue2.js

@@ -1,25 +1,106 @@
-import { defineComponent as e, computed as t, ref as l, onMounted as o, nextTick as a, resolveComponent as n, createBlock as u, openBlock as r, normalizeStyle as i, normalizeClass as p, unref as s, withCtx as m, createVNode as f, createElementBlock as c, createCommentVNode as d, Fragment as g, createTextVNode as v, toDisplayString as y } from "vue";
-import { getFormModelFields as x } from "../../../../utils/page-init-util.js";
-import { setVariableValue as C, getVariableValue as h } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as b, handleFormEvent as k } from "../../../../utils/events/event-util.js";
-import R from "../common/title-suffix-element.vue.js";
-import { $t as _ } from "../../../../utils/i18n-util.js";
-const j = e({ __name: "input-number-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const j2 = e2, w = j2.pageContext.entity ? j2.pageContext.entity : {};
-  let q = x(j2.pageContext, j2.configure);
-  const z = t({ get: () => h(w, q), set(e3) {
-    C(w, q, e3);
-  } }), S = j2.configure.runtime ? j2.configure.runtime : {}, V = S.style, B = S.class, I = S.headerStyle, D = S.titleExceedStyle, E = l(S.props ? S.props : {}), F = l(null), T = l(null), U = l(null);
-  return o(() => {
-    a(() => {
-      const e3 = z.value;
-      b(e3, j2.pageContext, j2.configure, { formItemRef: F.value, componentRef: T.value, titleRef: U.value, value: e3, entity: j2.pageContext.entity.data, pageData: j2.pageContext.entity.page });
+import { defineComponent, computed, ref, onMounted, nextTick, resolveComponent, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createVNode, createElementBlock, createCommentVNode, Fragment, createTextVNode, toDisplayString } from "vue";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { setVariableValue, getVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent, handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
+import { $t } from "../../../../utils/i18n-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input-number-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = computed({
+      get() {
+        return getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        setVariableValue(entity, dynamicFields, value);
+      }
     });
-  }), (e3, t2) => {
-    const l2 = n("el-input-number"), o2 = n("el-form-item");
-    return r(), u(o2, { ref_key: "formItemRef", ref: F, required: E.value.required, class: p(s(B)), "label-width": E.value.labelWidth, style: i(s(V)) }, { label: m(() => [E.value.tittleShow ? (r(), c("div", { key: 0, ref_key: "titleRef", ref: U, style: i({ ...s(I), ...s(D) }) }, [E.value.prefixType ? (r(), u(R, { key: 0, pageContext: e3.pageContext, property: E.value }, null, 8, ["pageContext", "property"])) : (r(), c(g, { key: 1 }, [v(y(s(_)(E.value.title)), 1)], 64))], 4)) : d("", true)]), default: m(() => [f(l2, { ref_key: "componentRef", ref: T, disabled: "disabled" === E.value.state, readonly: "readonly" === E.value.state, controls: E.value.showButton, size: E.value.size, placeholder: E.value.placeholder, modelValue: z.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => z.value = e4), precision: E.value.precision, step: E.value.step, min: E.value.min, max: E.value.max, onChange: t2[1] || (t2[1] = (t3) => s(k)(t3, e3.pageContext, e3.configure, "change")), onBlur: t2[2] || (t2[2] = (t3) => s(k)(t3, e3.pageContext, e3.configure, "blur")), onFocus: t2[3] || (t2[3] = (t3) => s(k)(t3, e3.pageContext, e3.configure, "focus")) }, null, 8, ["disabled", "readonly", "controls", "size", "placeholder", "modelValue", "precision", "step", "min", "max"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
-  };
-} });
+    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 = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const formItemRef = ref(null);
+    const componentRef = ref(null);
+    const titleRef = ref(null);
+    onMounted(() => {
+      nextTick(() => {
+        const value = dynamicModelMethod.value;
+        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
+          }
+        );
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref($t)(designProperty.value.title)), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_input_number, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            controls: designProperty.value.showButton,
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            precision: designProperty.value.precision,
+            step: designProperty.value.step,
+            min: designProperty.value.min,
+            max: designProperty.value.max,
+            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[3] || (_cache[3] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus"))
+          }, null, 8, ["disabled", "readonly", "controls", "size", "placeholder", "modelValue", "precision", "step", "min", "max"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
 export {
-  j as default
+  _sfc_main as default
 };

package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue.js

@@ -1,4 +1,4 @@
-import t from "./inputtext-runtime.vue2.js";
+import _sfc_main from "./inputtext-runtime.vue2.js";
 export {
-  t as default
+  _sfc_main as default
 };