@fecp/mobile-designer 1.0.8 → 1.0.9

package/lib/mobileDesigner/src/components/ValueSelectorPopover.vue2.js

@@ -0,0 +1,341 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index$5 = require("../../../node_modules/element-plus/es/components/alert/index.js");
+const index$2 = require("../../../node_modules/element-plus/es/components/input/index.js");
+const index$3 = require("../../../node_modules/element-plus/es/components/scrollbar/index.js");
+const index$6 = require("../../../node_modules/element-plus/es/components/button/index.js");
+const index$4 = require("../../../node_modules/element-plus/es/components/empty/index.js");
+const index$1 = require("../../../node_modules/element-plus/es/components/tabs/index.js");
+const index = require("../../../node_modules/element-plus/es/components/popover/index.js");
+require("../../../_virtual/dayjs.min.js");
+;/* empty css                                                       */
+;/* empty css                                                            */
+;/* empty css                                                             */
+;/* empty css                                                          */
+;/* empty css                                                           */
+require("../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js");
+;/* empty css                                                               */
+;/* empty css                                                           */
+;/* empty css                                                           */
+;/* empty css                                                            */
+const require$$1 = require("vue");
+const index$7 = require("../../../node_modules/@element-plus/icons-vue/dist/index.js");
+const common = require("../packages/utils/common.js");
+;/* empty css                          */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = { class: "value-selector-tabs" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "field-group-label" };
+const _hoisted_4 = { class: "field-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "field-label" };
+const _hoisted_7 = { class: "field-code" };
+const _hoisted_8 = {
+  key: 1,
+  class: "no-data"
+};
+const _hoisted_9 = { class: "user-info-list" };
+const _hoisted_10 = { class: "popover-footer" };
+const _sfc_main = {
+  __name: "ValueSelectorPopover",
+  props: {
+    availableFields: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showSelector = require$$1.ref(false);
+    const activeTab = require$$1.ref("fields");
+    const fieldSearchText = require$$1.ref("");
+    const urlParamInput = require$$1.ref("");
+    const selectedFieldId = require$$1.ref(null);
+    const selectedUserInfoKey = require$$1.ref(null);
+    const hiddenFieldsData = require$$1.computed(() => {
+      return common.getHiddenFields();
+    });
+    const filteredFields = require$$1.computed(() => {
+      const formFields = (props.availableFields || []).filter(
+        (item) => !item.isHidden
+      );
+      const hiddenFields = hiddenFieldsData.value.map((item) => ({
+        id: item.id,
+        label: item.label,
+        fieldName: item.fieldName,
+        type: "text",
+        value: item.value || "",
+        options: [],
+        isHidden: true
+      }));
+      const allFields = [...formFields, ...hiddenFields];
+      if (!fieldSearchText.value.trim()) {
+        return allFields;
+      }
+      const searchLower = fieldSearchText.value.trim().toLowerCase();
+      return allFields.filter((field) => {
+        const label = (field.label || "").toLowerCase();
+        const fieldName = (field.fieldName || "").toLowerCase();
+        return label.includes(searchLower) || fieldName.includes(searchLower);
+      });
+    });
+    const groupedFields = require$$1.computed(() => {
+      if (filteredFields.value.length === 0) {
+        return [];
+      }
+      const result = [];
+      const formFields = filteredFields.value.filter((item) => !item.isHidden);
+      if (formFields.length > 0) {
+        result.push({
+          groupLabel: "表单字段",
+          items: formFields
+        });
+      }
+      const hiddenFields = filteredFields.value.filter((item) => item.isHidden);
+      if (hiddenFields.length > 0) {
+        result.push({
+          groupLabel: "隐藏域",
+          items: hiddenFields
+        });
+      }
+      return result;
+    });
+    const selectField = (fieldId) => {
+      selectedFieldId.value = fieldId;
+    };
+    const selectUserInfo = (key) => {
+      selectedUserInfoKey.value = key;
+    };
+    const handleConfirm = () => {
+      debugger;
+      let result = null;
+      if (activeTab.value === "fields" && selectedFieldId.value) {
+        result = {
+          type: "field",
+          value: selectedFieldId.value
+        };
+      } else if (activeTab.value === "userInfo" && selectedUserInfoKey.value) {
+        result = {
+          type: "userInfo",
+          value: selectedUserInfoKey.value
+        };
+      } else if (activeTab.value === "urlParams" && urlParamInput.value.trim()) {
+        result = {
+          type: "urlParam",
+          value: urlParamInput.value.trim()
+        };
+      }
+      if (result) {
+        emit("confirm", result);
+      }
+      showSelector.value = false;
+    };
+    require$$1.watch(showSelector, (val) => {
+      if (val) {
+        selectedFieldId.value = null;
+        selectedUserInfoKey.value = null;
+        urlParamInput.value = "";
+        fieldSearchText.value = "";
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = index$6.ElButton;
+      const _component_el_input = index$2.ElInput;
+      const _component_el_empty = index$4.ElEmpty;
+      const _component_el_scrollbar = index$3.ElScrollbar;
+      const _component_el_tab_pane = index$1.ElTabPane;
+      const _component_el_alert = index$5.ElAlert;
+      const _component_el_tabs = index$1.ElTabs;
+      const _component_el_popover = index.ElPopover;
+      return require$$1.openBlock(), require$$1.createBlock(_component_el_popover, {
+        visible: showSelector.value,
+        "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => showSelector.value = $event),
+        placement: "bottom",
+        width: 250,
+        trigger: "click",
+        "close-on-click-modal": false,
+        "popper-style": "padding:0px",
+        "popper-class": "dev-value-selector"
+      }, {
+        reference: require$$1.withCtx(() => [
+          require$$1.createVNode(_component_el_button, {
+            icon: require$$1.unref(index$7.Connection),
+            disabled: __props.disabled,
+            size: "small",
+            class: "dev-value-selector-btn"
+          }, null, 8, ["icon", "disabled"])
+        ]),
+        default: require$$1.withCtx(() => [
+          require$$1.createElementVNode("div", _hoisted_1, [
+            require$$1.createVNode(_component_el_tabs, {
+              modelValue: activeTab.value,
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => activeTab.value = $event)
+            }, {
+              default: require$$1.withCtx(() => [
+                require$$1.createVNode(_component_el_tab_pane, {
+                  label: "页面字段",
+                  name: "fields"
+                }, {
+                  default: require$$1.withCtx(() => [
+                    require$$1.createVNode(_component_el_input, {
+                      modelValue: fieldSearchText.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fieldSearchText.value = $event),
+                      placeholder: "搜索字段",
+                      "prefix-icon": "Search",
+                      clearable: "",
+                      style: { "margin-bottom": "12px" }
+                    }, null, 8, ["modelValue"]),
+                    require$$1.createVNode(_component_el_scrollbar, { "max-height": "300px" }, {
+                      default: require$$1.withCtx(() => [
+                        groupedFields.value.length > 0 ? (require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_2, [
+                          (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(groupedFields.value, (group) => {
+                            return require$$1.openBlock(), require$$1.createElementBlock("div", {
+                              key: group.groupLabel
+                            }, [
+                              require$$1.createElementVNode("div", _hoisted_3, require$$1.toDisplayString(group.groupLabel), 1),
+                              require$$1.createElementVNode("ul", _hoisted_4, [
+                                (require$$1.openBlock(true), require$$1.createElementBlock(require$$1.Fragment, null, require$$1.renderList(group.items, (field) => {
+                                  return require$$1.openBlock(), require$$1.createElementBlock("li", {
+                                    key: field.id,
+                                    class: require$$1.normalizeClass(["field-item", { active: selectedFieldId.value === field.id }]),
+                                    onClick: ($event) => selectField(field.id)
+                                  }, [
+                                    require$$1.createElementVNode("span", _hoisted_6, require$$1.toDisplayString(field.label || field.fieldName), 1),
+                                    require$$1.createElementVNode("span", _hoisted_7, "(" + require$$1.toDisplayString(field.fieldName) + ")", 1)
+                                  ], 10, _hoisted_5);
+                                }), 128))
+                              ])
+                            ]);
+                          }), 128))
+                        ])) : (require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_8, [
+                          require$$1.createVNode(_component_el_empty, {
+                            description: "未找到匹配的字段",
+                            "image-size": 80
+                          })
+                        ]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                require$$1.createVNode(_component_el_tab_pane, {
+                  label: "用户信息",
+                  name: "userInfo"
+                }, {
+                  default: require$$1.withCtx(() => [
+                    require$$1.createVNode(_component_el_scrollbar, { "max-height": "400px" }, {
+                      default: require$$1.withCtx(() => [
+                        require$$1.createElementVNode("ul", _hoisted_9, [
+                          require$$1.createElementVNode("li", {
+                            value: "userCode",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "userCode" }]),
+                            onClick: _cache[1] || (_cache[1] = ($event) => selectUserInfo("userCode"))
+                          }, _cache[11] || (_cache[11] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "用户编号", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(userCode)", -1)
+                          ]), 2),
+                          require$$1.createElementVNode("li", {
+                            value: "userName",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "userName" }]),
+                            onClick: _cache[2] || (_cache[2] = ($event) => selectUserInfo("userName"))
+                          }, _cache[12] || (_cache[12] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "用户名称", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(userName)", -1)
+                          ]), 2),
+                          require$$1.createElementVNode("li", {
+                            value: "roleCode",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "roleCode" }]),
+                            onClick: _cache[3] || (_cache[3] = ($event) => selectUserInfo("roleCode"))
+                          }, _cache[13] || (_cache[13] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "角色编号", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(roleCode)", -1)
+                          ]), 2),
+                          require$$1.createElementVNode("li", {
+                            value: "roleName",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "roleName" }]),
+                            onClick: _cache[4] || (_cache[4] = ($event) => selectUserInfo("roleName"))
+                          }, _cache[14] || (_cache[14] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "角色名称", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(roleName)", -1)
+                          ]), 2),
+                          require$$1.createElementVNode("li", {
+                            value: "orgCode",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "orgCode" }]),
+                            onClick: _cache[5] || (_cache[5] = ($event) => selectUserInfo("orgCode"))
+                          }, _cache[15] || (_cache[15] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "机构编号", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(orgCode)", -1)
+                          ]), 2),
+                          require$$1.createElementVNode("li", {
+                            value: "orgName",
+                            class: require$$1.normalizeClass(["user-info-item", { active: selectedUserInfoKey.value === "orgName" }]),
+                            onClick: _cache[6] || (_cache[6] = ($event) => selectUserInfo("orgName"))
+                          }, _cache[16] || (_cache[16] = [
+                            require$$1.createElementVNode("span", { class: "info-label" }, "机构名称", -1),
+                            require$$1.createElementVNode("span", { class: "info-code" }, "(orgName)", -1)
+                          ]), 2)
+                        ])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                require$$1.createVNode(_component_el_tab_pane, {
+                  label: "路由参数",
+                  name: "urlParams"
+                }, {
+                  default: require$$1.withCtx(() => [
+                    require$$1.createVNode(_component_el_alert, {
+                      title: "从地址栏获取参数，如: /page?id=123 中的 id",
+                      type: "info",
+                      closable: false,
+                      class: "url-param-alert"
+                    }),
+                    require$$1.createVNode(_component_el_input, {
+                      modelValue: urlParamInput.value,
+                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => urlParamInput.value = $event),
+                      placeholder: "请输入参数名称，如: id",
+                      clearable: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          require$$1.createElementVNode("div", _hoisted_10, [
+            require$$1.createVNode(_component_el_button, {
+              onClick: _cache[9] || (_cache[9] = ($event) => showSelector.value = false)
+            }, {
+              default: require$$1.withCtx(() => _cache[17] || (_cache[17] = [
+                require$$1.createTextVNode("取消")
+              ])),
+              _: 1
+            }),
+            require$$1.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: handleConfirm
+            }, {
+              default: require$$1.withCtx(() => _cache[18] || (_cache[18] = [
+                require$$1.createTextVNode("确定")
+              ])),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+};
+const ValueSelectorPopover = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-cbde8db2"]]);
+exports.default = ValueSelectorPopover;

package/lib/mobileDesigner/src/components/VueEditorConfigButton.vue.js

@@ -5,7 +5,7 @@ const index = require("../../../node_modules/element-plus/es/components/button/i
 require("../../../_virtual/dayjs.min.js");
 ;/* empty css                                                       */
 ;/* empty css                                                            */
-const Vue = require("vue");
+const require$$1 = require("vue");
 const index$1 = require("../../../node_modules/@element-plus/icons-vue/dist/index.js");
 const CmVueEditor = require("../packages/idea/CmVueEditor.vue.js");
 ;/* empty css                            */
@@ -35,8 +35,8 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const showEditor = Vue.ref(false);
-    const vueCode = Vue.ref(
+    const showEditor = require$$1.ref(false);
+    const vueCode = require$$1.ref(
       props.modelValue || `<template>
   <div>
     <h2>{{ msg }}</h2>
@@ -56,7 +56,7 @@ const count = ref(0)
 h2 { color: #409eff; }
 </style>`
     );
-    Vue.watch(
+    require$$1.watch(
       () => props.modelValue,
       (val) => {
         if (val) vueCode.value = val;
@@ -66,37 +66,37 @@ h2 { color: #409eff; }
       vueCode.value = code;
       emit("update:modelValue", code);
     }
-    const isConfigured = Vue.computed(() => {
+    const isConfigured = require$$1.computed(() => {
       return props.modelValue && props.modelValue.length > 0;
     });
-    const buttonText = Vue.computed(() => {
+    const buttonText = require$$1.computed(() => {
       return isConfigured.value ? "已编辑" : "点击编辑模板";
     });
     return (_ctx, _cache) => {
       const _component_el_icon = index$2.ElIcon;
       const _component_el_button = index.ElButton;
-      return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
-        Vue.createElementVNode("div", _hoisted_1, [
-          Vue.createVNode(_component_el_button, {
-            style: Vue.normalizeStyle({ width: __props.width }),
-            icon: Vue.unref(index$1.Setting),
-            class: Vue.normalizeClass(["setting-btn", { "is-configured": isConfigured.value }]),
+      return require$$1.openBlock(), require$$1.createElementBlock(require$$1.Fragment, null, [
+        require$$1.createElementVNode("div", _hoisted_1, [
+          require$$1.createVNode(_component_el_button, {
+            style: require$$1.normalizeStyle({ width: __props.width }),
+            icon: require$$1.unref(index$1.Setting),
+            class: require$$1.normalizeClass(["setting-btn", { "is-configured": isConfigured.value }]),
             onClick: _cache[0] || (_cache[0] = ($event) => showEditor.value = true)
           }, {
-            default: Vue.withCtx(() => [
-              Vue.createTextVNode(Vue.toDisplayString(buttonText.value) + " ", 1),
-              Vue.createVNode(_component_el_icon, { class: "edit-btn" }, {
-                default: Vue.withCtx(() => [
-                  Vue.createVNode(Vue.unref(index$1.Edit))
+            default: require$$1.withCtx(() => [
+              require$$1.createTextVNode(require$$1.toDisplayString(buttonText.value) + " ", 1),
+              require$$1.createVNode(_component_el_icon, { class: "edit-btn" }, {
+                default: require$$1.withCtx(() => [
+                  require$$1.createVNode(require$$1.unref(index$1.Edit))
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["style", "icon", "class"]),
-          __props.description ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, Vue.toDisplayString(__props.description), 1)) : Vue.createCommentVNode("", true)
+          __props.description ? (require$$1.openBlock(), require$$1.createElementBlock("div", _hoisted_2, require$$1.toDisplayString(__props.description), 1)) : require$$1.createCommentVNode("", true)
         ]),
-        Vue.createVNode(CmVueEditor.default, {
+        require$$1.createVNode(CmVueEditor.default, {
           modelValue: showEditor.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showEditor.value = $event),
           "init-code": vueCode.value,

package/lib/mobileDesigner/src/components/useJsonDataDrawer.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const JsonDataDrawer = require("./JsonDataDrawer.vue.js");
-const Vue = require("vue");
+const require$$1 = require("vue");
 function useJsonDataDrawer(props = {}) {
-  const jsonDataDrawerVisible = Vue.ref(false);
+  const jsonDataDrawerVisible = require$$1.ref(false);
   const openJsonDrawer = () => {
     jsonDataDrawerVisible.value = true;
   };