super-page-runtime 2.0.19 → 2.0.25

package/dist/es/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue2.js

@@ -0,0 +1,207 @@
+import { defineComponent, computed, ref, onMounted, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import qrcode from "qrcode";
+import JsBarcode from "jsbarcode";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleEvent } from "../../../../utils/events/event-util.js";
+import "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "barcode-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    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);
+      }
+    });
+    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 qrUrl = ref("");
+    const barcode = ref(null);
+    const barcodeFormat = ref(designProperty.value.brCodeFormat ?? "CODE128");
+    const watchVariableNames = ref([]);
+    onMounted(() => {
+      if (designProperty.value.generateRule) {
+        if (designProperty.value.generateRuleType === "fixed") {
+          handleFixedFormat();
+        } else {
+          handleSelectedRule();
+        }
+      }
+      if (dynamicModelMethod.value) {
+        createCode(dynamicModelMethod.value);
+      }
+    });
+    function getValue() {
+      return getVariableValue(entity, dynamicFields);
+    }
+    function setValue(value) {
+      return setVariableValue(entity, dynamicFields, value);
+    }
+    function handleFixedFormat() {
+      watchVariableNames.value = Array.from(
+        designProperty.value.generateRule.matchAll(/\$\{(\w+)\}/g),
+        (m) => m[1]
+      );
+      watchVariableNames.value.forEach((name) => {
+        watch(
+          () => props.pageContext.entity.data[name],
+          (newValue, oldValue) => {
+            if (newValue !== void 0 && newValue !== null) {
+              generateFixedFormatCode();
+            }
+          }
+        );
+      });
+    }
+    function handleSelectedRule() {
+      const rule = JSON.parse(
+        '[{"fieldName":"-1","fixedValue":"|"},{"fixedValue":"","fieldLength":"10","suppliement":"x","fieldName":"passenger"},{"fixedValue":"","fieldLength":"","suppliement":"","fieldName":"passengerNumber"},{"fixedValue":"AAA","fieldLength":"","suppliement":"","fieldName":"-1"}]'
+      );
+      rule.forEach((item) => {
+        if (item.fieldName !== "-1" && item.fieldName !== -1) {
+          watchVariableNames.value.push(item.fieldName);
+          watch(
+            () => props.pageContext.entity.data[item.fieldName],
+            (newValue, oldValue) => {
+              if (newValue !== void 0 && newValue !== null) {
+                generateCodeByRule(rule);
+              }
+            }
+          );
+        }
+      });
+    }
+    function generateFixedFormatCode() {
+      let allVariablesPresent = true;
+      watchVariableNames.value.forEach((name) => {
+        if (!props.pageContext.entity.data[name]) {
+          allVariablesPresent = false;
+          return;
+        }
+      });
+      if (allVariablesPresent) {
+        let barCodeValue = replaceVariables(
+          designProperty.value.generateRule,
+          props.pageContext.entity.data
+        );
+        generateCode(barCodeValue);
+      }
+    }
+    function generateCodeByRule(rule) {
+      let allVariablesPresent = true;
+      let value = "";
+      rule.forEach((item) => {
+        if (item.fieldName !== "-1" && item.fieldName !== -1) {
+          const filedValue = props.pageContext.entity.data[item.fieldName];
+          if (item.suppliement && item.fieldLength) {
+            if (!filedValue) {
+              value += "".padEnd(item.fieldLength, item.suppliement);
+            } else {
+              if (filedValue.length > item.fieldLength) {
+                value += filedValue.substring(0, item.fieldLength);
+              } else {
+                value += filedValue.padEnd(item.fieldLength, item.suppliement);
+              }
+            }
+          } else {
+            if (!filedValue) {
+              allVariablesPresent = false;
+            } else {
+              value += filedValue;
+            }
+          }
+        } else {
+          value += item.fixedValue;
+        }
+      });
+      console.log(value);
+      if (allVariablesPresent) {
+        generateCode(value);
+      }
+    }
+    function generateCode(value) {
+      createCode(value);
+      setValue(value);
+      handleEvent(value, props.pageContext, props.configure, "change", {
+        entity
+      });
+    }
+    function createCode(value) {
+      if (designProperty.value.type === "QR-code") {
+        createQrCode(value);
+      } else {
+        createBarCode(value);
+      }
+    }
+    function createBarCode(codeValue) {
+      try {
+        JsBarcode(barcode.value, codeValue, { format: barcodeFormat.value });
+      } catch (error) {
+        console.error("生成条形码时发生错误:", error);
+      }
+    }
+    function createQrCode(codeValue) {
+      qrcode.toDataURL(codeValue, (err, url) => {
+        if (err) {
+          console.error(err);
+        } else {
+          qrUrl.value = url;
+        }
+      });
+    }
+    function replaceVariables(template, variables) {
+      const regex = /\$\{(\w+)\}/g;
+      return template.replace(regex, (match, keyword) => {
+        return variables.hasOwnProperty(keyword) ? variables[keyword] : match;
+      });
+    }
+    __expose({
+      getValue,
+      setValue
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createBlock(_component_el_form_item, {
+        required: designProperty.value.required ? true : false,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle({ ...unref(headerStyle) })
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          designProperty.value.type === "QR-code" ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: qrUrl.value
+          }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("canvas", {
+            key: 1,
+            ref_key: "barcode",
+            ref: barcode
+          }, null, 512))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js

@@ -1,11 +1,12 @@
 import { defineComponent, ref, onMounted, watch, onUnmounted, resolveComponent, openBlock, createElementBlock, createVNode, unref } from "vue";
 import "agilebuilder-ui";
-import { setTableEvents, getEventFuncByType, canExecuteButton, doAfterClickEvent, doBeforeClickEvent, getHandleEvent, gridSelectRecord, gridSelectAllRecords, gridSelectionChange, cellClick, cellDblClick, rowClick, rowDblClick, headerClick } from "../../../../utils/events/event-util.js";
+import { setTableEvents, getEventFuncByType, canExecuteButton, doAfterClickEvent, getEventNameByType, doBeforeClickEvent, getHandleEvent, gridSelectRecord, gridSelectAllRecords, gridSelectionChange, cellClick, cellDblClick, rowClick, rowDblClick, headerClick } from "../../../../utils/events/event-util.js";
 import { getListCode, getRealRestApiPath } from "../../../../utils/common-util.js";
-import { getSaveFormRequest, standardEvents } from "../../../../utils/events/standard-event.js";
+import { getAdditionalParamMap, getSaveFormRequestWithRow, standardEvents } from "../../../../utils/events/standard-event.js";
 import { isPromise } from "agilebuilder-ui/src/utils/common-util";
 import { getDataTypeMap, popupToPage } from "../../../../utils/table-utils.js";
 import eventBus from "../../../../utils/eventBus.js";
+import { getPermissionCodes } from "../../../../utils/page-init-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "main-table-runtime",
   props: {
@@ -19,15 +20,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
-    const system = pageContext.entity.system;
+    const systemCode = pageContext.systemCode;
+    const backendUrl = pageContext.backendUrl;
     const tableName = pageContext.tableName;
-    const baseURL = window["$vueApp"].config.globalProperties.baseURL;
-    const operationButtonObj = ref(null);
-    const eventName = ref(null);
+    let baseURL = pageContext.backendUrl;
+    if (!baseURL) {
+      baseURL = window["$vueApp"].config.globalProperties.baseURL;
+    }
+    const operationButtonObj = ref({});
     const listOptions = ref({});
     listOptions.value = getOptions();
     const gridRef = ref(null);
-    const urlToListData = getUrlToListData(system);
+    const urlToListData = getUrlToListData();
     const listCode = getListCode(pageContext.code, pageContext.version, configure.uuid);
     const myPageCode = pageContext.code;
     const eventPageInfo = myPageCode + "_" + listCode;
@@ -75,20 +79,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       eventBus.$off(eventPageInfo + "-close-component-page-dialog");
       eventBus.$off(eventPageInfo + "_close-dialog-get-entity");
     });
-    function getUrlToListData(system2) {
-      let urlToListData2;
-      if (!pageContext.isTest) {
-        urlToListData2 = baseURL + "/dsc/commons/list";
-        if (urlToListData2) {
-          urlToListData2 = getRealRestApiPath(urlToListData2, system2);
-        }
+    function getUrlToListData() {
+      let urlToListData2 = baseURL + "/dsc/commons/list";
+      if (urlToListData2) {
+        urlToListData2 = getRealRestApiPath(urlToListData2, systemCode, backendUrl);
       }
       return urlToListData2;
     }
     function getOptions() {
-      const system2 = pageContext.entity.system;
-      const permissionPrefix = system2.code + "." + pageContext.code;
-      let initSearchForm = configure.props && configure.props.dataOrigin ? configure.props.dataOrigin.sqlFilterCondition : null;
+      const systemCode2 = pageContext.systemCode;
+      const permissionPrefix = pageContext.code;
+      let initSearchForm = configure.props && configure.props.dataOrigin && configure.props.dataOrigin.sqlFilterCondition !== "[]" ? configure.props.dataOrigin.sqlFilterCondition : null;
       if (typeof initSearchForm === "undefined" || initSearchForm === null) {
         initSearchForm = [];
       }
@@ -98,8 +99,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           beanName: pageContext.beanName,
           functionCode: permissionPrefix + ".list",
           tableName,
-          systemCode: system2.code
+          systemCode: systemCode2,
           // 系统编码传给列表数据后台请求
+          pageCode: pageContext.code,
+          pageVersion: pageContext.version
         },
         initSearchForm,
         lineEditOptions: {
@@ -115,14 +118,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         pageCode: pageContext.code,
         pageVersion: pageContext.version,
         // pageHeight: pageHeight, // 页面的高度 //TODO: pageHeight如何获得，页面高度，计算列表高度应该会用
-        additionalParamMap: pageContext.entity.request,
+        additionalParamMap: getAdditionalParamMap(pageContext),
         // 将路由参数传给列表组件
         showOverflowTooltip: !!(configure.props && configure.props.otherSettings && (configure.props.otherSettings.isBreakLine === void 0 || configure.props.otherSettings.isBreakLine === false)),
         // 单元格内容是否换行显示
         isEnableEnterEvent: configure.props && configure.props.otherSettings && configure.props.otherSettings.isEnableEnterEvent,
         // 是否启用回车事件
-        // 当前系统，表示是当前的自定义系统信息
-        system: system2,
         isWithDataPermission: configure.props && configure.props.otherSettings && configure.props.otherSettings.isWithDataPermission ? configure.props.otherSettings.isWithDataPermission : false,
         pageDevMode: false,
         isWorkflowEntity: pageContext.workflowCode ? true : false,
@@ -131,8 +132,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         pageContext,
         configureObj: configure
       };
+      setOperationButtons(options);
       setSortInfo(options);
-      myGetDataTypeMap(options);
+      myGetDataTypeMap();
       setTreeSetting(options);
       setGridEvents(options);
       return options;
@@ -150,36 +152,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function myGetDataTypeMap(options) {
-      if (!system || !tableName) {
+      if (!backendUrl && !tableName) {
         return;
       }
-      getDataTypeMap(system, tableName).then((result) => {
+      getDataTypeMap(backendUrl, tableName).then((result) => {
+        if (!pageContext["dataTypeMaps"]) {
+          pageContext["dataTypeMaps"] = {};
+        }
         pageContext["dataTypeMaps"][tableName] = result["dataTypeMap"];
-        setOperationButtons(options);
       });
     }
     function setOperationButtons(options) {
       const showOperation = configure.props && configure.props.base ? configure.props.base.showOperation : false;
-      const operationButtons = configure.btnList;
-      if (showOperation && operationButtons) {
-        const operationButtons2 = [];
-        operationButtons2.forEach((buttonConfigure) => {
+      const operationButtonSettings = configure.btnList;
+      console.log("configure.btnList===", configure.btnList, "configure====", configure);
+      if (showOperation && operationButtonSettings) {
+        const operationButtons = [];
+        operationButtonSettings.forEach((buttonConfigure) => {
           const myButtonSet = {};
           const myButtonProps = Object.assign({}, buttonConfigure.props.base);
           myButtonProps.elementType = "el-button";
           if (buttonConfigure.isPermission === void 0 || buttonConfigure.isPermission + "" === "true") {
-            if (buttonConfigure.functionCode) {
-              myButtonProps.permission = buttonConfigure.functionCode;
+            const functionCodes = getPermissionCodes(buttonConfigure, props.pageContext);
+            if (functionCodes) {
+              myButtonProps.permission = functionCodes;
             }
           }
+          myButtonProps.label = myButtonProps.title;
           myButtonSet["props"] = myButtonProps;
           myButtonSet["onClick"] = getOperationButtonClickEvent(buttonConfigure);
-          operationButtons2.push(myButtonSet);
+          operationButtons.push(myButtonSet);
         });
         if (!options.operations) {
           options.operations = {};
         }
-        options.operations.operation = operationButtons2;
+        options.operations.operation = operationButtons;
       }
     }
     function setTreeSetting(options) {
@@ -228,11 +235,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     }
-    function enterSave(rowIndex, column, row, orgRow) {
+    function enterSave({ rowIndex, column, row, orgRow }) {
       saveRow(null, null, row, column, rowIndex);
     }
     function saveRow(originalValue, formatValue, row, column, rowIndex) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+      const buttonConfigure = operationButtonObj.value["lineEditSave"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       listOptions.value["lineEditOptions"]["beforeSave"] = beforeSaveRow;
       pageContext.editData = row;
       canExecuteButton({ pageContext, configureObj: buttonConfigure }).then((result) => {
@@ -255,46 +264,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function getOperationButtonClickEvent(buttonConfigure) {
       let onClick;
-      eventName.value = buttonConfigure.eventName;
-      operationButtonObj.value[eventName.value] = buttonConfigure;
-      if (eventName.value === "lineEditSave") {
-        onClick = saveRow;
-      } else if (eventName.value === "restoreEdit") {
-        onClick = restoreRow;
-      } else if (eventName.value === "lineEditUpdate") {
-        onClick = editRow;
-      } else if (eventName.value === "lineEditDelete") {
-        onClick = deleteRow;
-      } else {
-        onClick = customButtonClick;
-      }
-      if (!onClick) {
-        onClick = function() {
-        };
+      const eventName = getEventNameByType(buttonConfigure.events, "click");
+      if (eventName) {
+        operationButtonObj.value[eventName] = buttonConfigure;
+        if (eventName === "lineEditSave") {
+          onClick = saveRow;
+        } else if (eventName === "restoreEdit") {
+          onClick = restoreRow;
+        } else if (eventName === "lineEditUpdate") {
+          onClick = editRow;
+        } else if (eventName === "lineEditDelete") {
+          onClick = deleteRow;
+        } else {
+          onClick = customButtonClick;
+        }
+        if (!onClick) {
+          onClick = function() {
+          };
+        }
       }
       return onClick;
     }
-    function beforeSaveRow(row, columns, dataTypeMap, dynamicColumnInfo, additionalParamMap, mainDefaultValueColumns) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+    function beforeSaveRow({
+      row,
+      columns,
+      additionalParamMap
+    }) {
+      const buttonConfigure = operationButtonObj.value["lineEditSave"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       const otherParams = {
-        dynamicColumnInfo,
-        mainDefaultValueColumns,
-        dataTypeMap,
         row,
         columns
       };
       return doBeforeClickEvent(pageContext, buttonConfigure, otherParams);
     }
-    function saveLineEditRow(row, columns, dataTypeMap, dynamicColumnInfo, additionalParamMap, mainDefaultValueColumns) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+    function saveLineEditRow({
+      row,
+      columns,
+      dataTypeMap,
+      dynamicColumnInfo,
+      additionalParamMap,
+      mainDefaultValueColumns
+    }) {
+      const buttonConfigure = operationButtonObj.value["lineEditSave"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       return new Promise((resolve, reject) => {
-        getSaveFormRequest(
+        getSaveFormRequestWithRow(
           pageContext,
           buttonConfigure,
           "/dsc/commons",
           false,
           mainDefaultValueColumns,
-          dynamicColumnInfo
+          dynamicColumnInfo,
+          row
         ).then((commonEntity) => {
           if (commonEntity) {
             resolve(commonEntity.entity);
@@ -306,11 +330,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
     }
-    function escRestorRow(rowIndex, column, row, orgRow) {
+    function escRestorRow({ rowIndex, column, row, orgRow }) {
       restoreRow(null, null, row, column, rowIndex);
     }
     function restoreRow(originalValue, formatValue, row, column, rowIndex) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+      const buttonConfigure = operationButtonObj.value["restoreEdit"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       const otherParams = {
         originalValue,
         formatValue,
@@ -341,7 +367,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       doAfterClickEvent(pageContext, configure, afterOtherParams);
     }
     function editRow(originalValue, formatValue, row, column, rowIndex) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+      const buttonConfigure = operationButtonObj.value["lineEditUpdate"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       const otherParams = {
         originalValue,
         formatValue,
@@ -382,7 +410,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function deleteRow(originalValue, formatValue, row, column, rowIndex) {
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+      const buttonConfigure = operationButtonObj.value["lineEditDelete"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       const otherParams = {
         originalValue,
         formatValue,
@@ -418,8 +448,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             standardEvents.delete({
               pageContext,
               configureObj: buttonConfigure,
-              ids,
-              tableUuid: listCode
+              ids
             });
           }
         }).finally(() => {
@@ -501,7 +530,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowIndex,
         button
       };
-      const buttonConfigure = operationButtonObj.value[eventName.value];
+      const buttonConfigure = operationButtonObj.value["xxx"];
+      const tableConfigure = configure;
+      buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       getHandleEvent(null, pageContext, buttonConfigure, "click", otherParams);
     }
     function recieveMessage(event) {
@@ -619,7 +650,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: gridRef,
           url: unref(urlToListData),
           options: listOptions.value,
-          code: unref(superGridSetting) ? null : unref(listCode),
+          code: unref(listCode),
           settings: unref(superGridSetting),
           "search-form-info": searchFormInfo.value,
           "list-toolbar-form-data": unref(listToolbarFormData),

package/dist/es/components/runtime/views/assemblys/data/table/sub-table-runtime.vue.js

@@ -5,6 +5,7 @@ import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import eventBus from "../../../../utils/eventBus.js";
 import { popupToPage } from "../../../../utils/table-utils.js";
 import { getListCode } from "../../../../utils/common-util.js";
+import { getAdditionalParamMap } from "../../../../utils/events/standard-event.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sub-table-runtime",
   props: {
@@ -17,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const configure = props.configure;
     const dataModel = pageContext.entity.data;
     const prop = configure.props && configure.props.base ? configure.props.base.prop : null;
-    const additionalParamMap = pageContext.entity.request;
+    const additionalParamMap = getAdditionalParamMap(pageContext);
     const tableEvents = configure.runtime && configure.runtime.events ? configure.runtime.events : [];
     const selections = ref([]);
     const superGridItems = pageContext.superGridItems;
@@ -424,7 +425,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: gridRef,
           url: unref(baseURL) + "/common/super-forms/sub-table",
           options: listViewOptions.value,
-          code: unref(superGridSetting) ? null : unref(listCode),
+          code: unref(listCode),
           settings: unref(superGridSetting),
           onSelect: select,
           onSelectAll: selectAll,

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

@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    const listOptions = ref(designProperty.options ? designProperty.options : []);
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const listOptions = ref(designProperty.value.options ? designProperty.value.options : []);
     const cacheOptions = getOptionDatasFromPage(props.pageContext, props.configure);
     if (cacheOptions.length > 0) {
       listOptions.value = cacheOptions;
@@ -48,14 +48,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         target: props.configure.props.base.optionProp
       });
     }
-    designProperty.changeMethod = optionChange;
-    const optionconfigInfo = designProperty.optionconfigInfo ? designProperty.optionconfigInfo : {};
+    designProperty.value.changeMethod = optionChange;
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
     function refreshOptions() {
       queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((result) => {
         console.log("动态查询结果", result);
       });
     }
-    const monitorFields = designProperty.monitorFields;
+    const monitorFields = designProperty.value.monitorFields;
     monitorFieldChange(props.pageContext, monitorFields, refreshOptions);
     function optionChange(value) {
       if (autoSets.length > -1) {
@@ -81,20 +81,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_checkbox_group, {
-            disabled: unref(designProperty).state === "disabled",
-            size: unref(designProperty).size,
-            onChange: unref(designProperty).changeMethod,
+            disabled: designProperty.value.state === "disabled",
+            size: designProperty.value.size,
+            onChange: designProperty.value.changeMethod,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
           }, {