super-page-designer 2.0.26 → 2.0.34

package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js

@@ -1,5 +1,6 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createTextVNode, withDirectives, vShow } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, unref, createCommentVNode, withDirectives, vShow, createTextVNode } from "vue";
 import { getFormComponentOptions } from "../../../../utils/assemblys-config.js";
+import { getCustomFuncs } from "../../../../utils/page-event-util.js";
 import _sfc_main$2 from "../../common/common-attr-size.vue.js";
 import BindVariable from "../../common/common-variable-bind.vue.js";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";
@@ -16,11 +17,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const openCollapseItems = ref(["base"]);
+    const isTable = ref(false);
+    if (props.configure.isTable) {
+      isTable.value = true;
+    }
+    const labelName = computed(() => {
+      const propBase = props.configure.props.base;
+      const isScope = (!propBase.type || propBase.type != "week" && propBase.type != "year") && propBase.dateScope;
+      return isScope ? "默认值1" : "默认值";
+    });
+    computed(() => {
+      const propBase = props.configure.props.base;
+      return (!propBase.type || propBase.type != "week" && propBase.type != "year") && propBase.dateScope;
+    });
     function afterBindVariable(modelValue) {
       props.configure.props.base.prop = modelValue;
     }
-    function afterBindDefaultValue(modelValue) {
-      props.configure.props.base.defaultValue = modelValue;
+    function afterBindDefaultValue(modelValue, fieldName) {
+      if (fieldName === "defaultValue2") {
+        props.configure.props.base.defaultValue2 = modelValue;
+      } else {
+        props.configure.props.base.defaultValue = modelValue;
+      }
     }
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
@@ -31,10 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
       const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-      const _component_el_button = resolveComponent("el-button");
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_col = resolveComponent("el-col");
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_form = resolveComponent("el-form");
       return openBlock(), createBlock(_component_el_form, {
@@ -44,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => openCollapseItems.value = $event),
+            "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
@@ -93,34 +111,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(_component_el_form_item, {
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
                       label: "绑定变量",
                       class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(BindVariable, {
-                          key: __props.configure.uuid,
+                          key: __props.configure.uuid + "prop",
                           modelValue: __props.configure.props.base.prop,
                           paramTypes: ["data", "page"],
                           "onUpdate:modelValue": afterBindVariable
                         }, null, 8, ["modelValue"]))
                       ]),
                       _: 1
-                    }),
+                    })) : createCommentVNode("", true),
                     createVNode(_component_el_form_item, {
-                      label: "默认值",
+                      label: unref(labelName),
                       class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(BindVariable, {
-                          key: __props.configure.uuid,
+                          key: __props.configure.uuid + "defaultValue",
+                          isRange: true,
                           modelValue: __props.configure.props.base.defaultValue,
                           "onUpdate:modelValue": afterBindDefaultValue
                         }, null, 8, ["modelValue"]))
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    }, 8, ["label"]),
+                    withDirectives(createVNode(_component_el_form_item, {
+                      label: "默认值2",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(BindVariable, {
+                          key: __props.configure.uuid + "defaultValue2",
+                          isRange: true,
+                          modelValue: __props.configure.props.base.defaultValue2,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = (value) => afterBindDefaultValue(value, "defaultValue2"))
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vShow, (!__props.configure.props.base.type || __props.configure.props.base.type != "week" && __props.configure.props.base.type != "year") && __props.configure.props.base.dateScope]
+                    ]),
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 1,
                       label: "绑定权限",
                       class: "amb-design-attr-item"
                     }, {
@@ -131,15 +168,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["configure"]))
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    !isTable.value ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 2,
                       label: "标题显示",
                       class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.tittleShow,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.configure.props.base.tittleShow = $event),
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.tittleShow = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -160,20 +198,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
-                    createVNode(_component_el_form_item, {
+                    })) : createCommentVNode("", true),
+                    withDirectives(createVNode(_component_el_form_item, {
                       label: "标题",
                       class: "amb-design-attr-item"
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
                           modelValue: __props.configure.props.base.title,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.configure.props.base.title = $event),
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.title = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }),
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow]
+                    ]),
                     withDirectives(createVNode(_component_el_form_item, {
                       label: "标题宽度",
                       class: "amb-design-attr-item"
@@ -181,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input_number, {
                           modelValue: __props.configure.props.base.titleWidth,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.configure.props.base.titleWidth = $event),
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.titleWidth = $event),
                           style: { "width": "100%" },
                           min: 0,
                           max: 200,
@@ -204,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
                           modelValue: __props.configure.props.base.placeholder,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.placeholder = $event),
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.placeholder = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -217,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
                           modelValue: __props.configure.props.base.endPlaceholder,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.endPlaceholder = $event),
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.endPlaceholder = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -232,7 +272,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.clearable,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.clearable = $event),
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.clearable = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -261,7 +301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.type,
-                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.base.type = $event),
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.type = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -314,7 +354,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.dateScope,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => __props.configure.props.base.dateScope = $event),
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.base.dateScope = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -345,7 +385,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_checkbox_group, {
                           modelValue: __props.configure.props.base.dateScopeDetails,
-                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => __props.configure.props.base.dateScopeDetails = $event),
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.base.dateScopeDetails = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -387,25 +427,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 1
                             }),
-                            createVNode(_component_el_checkbox, { value: "custom" }, {
+                            createVNode(_component_el_row, null, {
                               default: withCtx(() => [
-                                createTextVNode("自定义")
+                                createVNode(_component_el_col, { span: 8 }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_checkbox, { value: "custom" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode("自定义")
+                                      ]),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_el_col, { span: 16 }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_el_select, {
+                                      style: { "margin-left": "4px" },
+                                      clearable: "",
+                                      disabled: !__props.configure.props.base.dateScopeDetails || !__props.configure.props.base.dateScopeDetails.includes("custom"),
+                                      modelValue: __props.configure.props.base.scopeFunc,
+                                      "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.base.scopeFunc = $event),
+                                      placeholder: "请选择自定义方法",
+                                      filterable: ""
+                                    }, {
+                                      default: withCtx(() => [
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                                          return openBlock(), createBlock(_component_el_option, {
+                                            key: item.value,
+                                            label: item.label,
+                                            value: item.value
+                                          }, null, 8, ["label", "value"]);
+                                        }), 128))
+                                      ]),
+                                      _: 1
+                                    }, 8, ["disabled", "modelValue"])
+                                  ]),
+                                  _: 1
+                                })
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
-                        }, 8, ["modelValue"]),
-                        createVNode(_component_el_button, null, {
-                          default: withCtx(() => [
-                            createTextVNode("选择逻辑")
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(_component_el_button, {
-                          icon: _ctx.Search,
-                          circle: ""
-                        }, null, 8, ["icon"])
+                        }, 8, ["modelValue"])
                       ]),
                       _: 1
                     }, 512), [
@@ -418,7 +483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.timestamp,
-                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => __props.configure.props.base.timestamp = $event),
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.base.timestamp = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -449,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_input, {
                           modelValue: __props.configure.props.base.format,
-                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => __props.configure.props.base.format = $event),
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.base.format = $event),
                           placeholder: "请输入"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -462,7 +527,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.size,
-                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => __props.configure.props.base.size = $event),
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.base.size = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -497,7 +562,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.state,
-                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => __props.configure.props.base.state = $event),
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => __props.configure.props.base.state = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -544,7 +609,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_checkbox, {
                           modelValue: __props.configure.props.verification.required,
-                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => __props.configure.props.verification.required = $event),
+                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => __props.configure.props.verification.required = $event),
                           label: "必填"
                         }, null, 8, ["modelValue"])
                       ]),
@@ -559,23 +624,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createVNode(_component_el_checkbox, {
                               label: "自定义",
-                              value: "custom"
-                            })
+                              modelValue: __props.configure.props.verification.custom,
+                              "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => __props.configure.props.verification.custom = $event)
+                            }, null, 8, ["modelValue"])
                           ]),
                           _: 1
                         }),
                         createVNode(_component_el_col, { span: 14 }, {
                           default: withCtx(() => [
-                            createVNode(_component_el_button, null, {
+                            createVNode(_component_el_select, {
+                              style: { "margin-left": "4px" },
+                              clearable: "",
+                              disabled: !__props.configure.props.verification.custom,
+                              modelValue: __props.configure.props.verification.customFunc,
+                              "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => __props.configure.props.verification.customFunc = $event),
+                              placeholder: "请选择校验方法",
+                              filterable: ""
+                            }, {
                               default: withCtx(() => [
-                                createTextVNode("自定义逻辑")
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                                  return openBlock(), createBlock(_component_el_option, {
+                                    key: item.value,
+                                    label: item.label,
+                                    value: item.value
+                                  }, null, 8, ["label", "value"]);
+                                }), 128))
                               ]),
                               _: 1
-                            }),
-                            createVNode(_component_el_button, {
-                              icon: _ctx.Search,
-                              circle: ""
-                            }, null, 8, ["icon"])
+                            }, 8, ["disabled", "modelValue"])
                           ]),
                           _: 1
                         })
@@ -586,10 +662,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })),
-              (openBlock(), createBlock(_sfc_main$2, {
+              !isTable.value ? (openBlock(), createBlock(_sfc_main$2, {
                 key: __props.configure.uuid,
                 size: __props.configure.props.size
-              }, null, 8, ["size"]))
+              }, null, 8, ["size"])) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["modelValue"])

package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode } from "vue";
 import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
+import "super-page-runtime";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "datepicker-design",
   props: {
@@ -17,16 +18,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const designClass = ref("");
     const designHeaderStyle = ref({});
     const designProperty = ref({});
-    watch(props.configure.style, () => {
-      caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-      props.configure.runtime.style = designStyle.value;
-      props.configure.runtime.class = designClass.value;
-      props.configure.runtime.headerStyle = designHeaderStyle.value;
-    }, { immediate: true });
+    watch(
+      props.configure.style,
+      () => {
+        caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
+        props.configure.runtime.style = designStyle.value;
+        props.configure.runtime.class = designClass.value;
+        props.configure.runtime.headerStyle = designHeaderStyle.value;
+      },
+      { immediate: true }
+    );
+    const shortCuts = ref([]);
     function caculateDateProps() {
       let propBase = props.configure && props.configure.props ? props.configure.props.base : {};
       propBase = propBase ? propBase : {};
       const tempProps = {};
+      tempProps.defaultValue2 = propBase.defaultValue2;
       if (propBase.format) {
         tempProps["format"] = propBase.format;
       }
@@ -53,114 +60,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else {
         tempProps.dateType = dateType;
       }
-      const dateScopeDetails = propBase.dateScopeDetails ? propBase.dateScopeDetails : [];
-      if (dateScopeDetails) {
-        const shortcuts = [];
-        if (dateScopeDetails.includes("today") && !["week", "month", "year"].includes(dateType)) {
-          const dateParams = {
-            text: "今天",
-            value: () => {
-              return /* @__PURE__ */ new Date();
-            }
-          };
-          if (tempProps.dateType.endsWith("range")) {
-            dateParams.value = () => {
-              return [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()];
-            };
-          }
-          shortcuts.push(dateParams);
-        }
-        if (dateScopeDetails.includes("yesterday") && !["week", "month", "year"].includes(dateType)) {
-          const date = /* @__PURE__ */ new Date();
-          date.setTime(date.getTime() - 3600 * 1e3 * 24);
-          const dateParams = {
-            text: "昨天",
-            value: () => {
-              return date;
-            }
-          };
-          if (tempProps.dateType.endsWith("range")) {
-            dateParams.value = () => {
-              return [date, /* @__PURE__ */ new Date()];
-            };
-          }
-          shortcuts.push(dateParams);
-        }
-        if (dateScopeDetails.includes("oneWeek") && !["month", "year"].includes(dateType)) {
-          const date = /* @__PURE__ */ new Date();
-          date.setTime(date.getTime() - 3600 * 1e3 * 24 * 7);
-          const dateParams = {
-            text: "一周前",
-            value: () => {
-              return date;
-            }
-          };
-          if (tempProps.dateType.endsWith("range")) {
-            dateParams.text = "一周";
-            dateParams.value = () => {
-              return [date, /* @__PURE__ */ new Date()];
-            };
-          }
-          shortcuts.push(dateParams);
-        }
-        if (dateScopeDetails.includes("oneMonth") && !["year"].includes(dateType)) {
-          const date = /* @__PURE__ */ new Date();
-          if (date.getMonth() > 0) {
-            date.setMonth(date.getMonth() - 1);
-          } else {
-            date.setMonth(12);
-            date.setFullYear(date.getFullYear() - 1);
-          }
-          const dateParams = {
-            text: "一月前",
-            value: () => {
-              return date;
-            }
-          };
-          if (tempProps.dateType.endsWith("range")) {
-            dateParams.text = "一月";
-            dateParams.value = () => {
-              return [date, /* @__PURE__ */ new Date()];
-            };
-          }
-          shortcuts.push(dateParams);
-        }
-        if (dateScopeDetails.includes("oneYear")) {
-          const date = /* @__PURE__ */ new Date();
-          date.setFullYear(date.getFullYear() - 1);
-          const dateParams = {
-            text: "一年前",
-            value: () => {
-              return date;
-            }
-          };
-          if (tempProps.dateType.endsWith("range")) {
-            dateParams.text = "一年";
-            dateParams.value = () => {
-              return [date, /* @__PURE__ */ new Date()];
-            };
-          }
-          shortcuts.push(dateParams);
-        }
-        tempProps.shortcuts = shortcuts;
+      tempProps.sourceType = dateType;
+      tempProps.dateScopeDetails = propBase.dateScopeDetails;
+      if (propBase.dateScopeDetails && propBase.dateScopeDetails.includes("custom") && propBase.scopeFunc) {
+        tempProps.shortcutsFunc = propBase.scopeFunc;
       }
       Object.assign(designProperty.value, tempProps);
     }
-    watch(props.configure.props, () => {
-      caculateComponentProps(props.configure, designProperty);
-      caculateDateProps();
-      const shortcuts = designProperty.value.shortcuts;
-      designProperty.value.shortcuts = [];
-      const dateType = designProperty.value.dateType;
-      designProperty.value.dateType = "daterange";
-      setTimeout(function() {
-        if (shortcuts) {
-          designProperty.value.dateType = dateType;
-          designProperty.value.shortcuts = shortcuts;
-        }
-      }, 10);
-      props.configure.runtime.props = designProperty.value;
-    }, { immediate: true });
+    watch(
+      props.configure.props,
+      () => {
+        caculateComponentProps(props.configure, designProperty);
+        caculateDateProps();
+        props.configure.runtime.props = designProperty.value;
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
       const _component_el_time_picker = resolveComponent("el-time-picker");
       const _component_el_date_picker = resolveComponent("el-date-picker");
@@ -193,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             format: designProperty.value.format,
             modelValue: designProperty.value.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => designProperty.value.value = $event),
-            shortcuts: designProperty.value.shortcuts,
+            shortcuts: shortCuts.value,
             type: designProperty.value.dateType
           }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"])) : (openBlock(), createBlock(_component_el_date_picker, {
             key: 1,
@@ -208,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             format: designProperty.value.format,
             modelValue: designProperty.value.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => designProperty.value.value = $event),
-            shortcuts: designProperty.value.shortcuts,
+            shortcuts: shortCuts.value,
             type: designProperty.value.dateType
           }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"]))
         ]),