ll-plus 2.3.15 → 2.3.17

package/index.full.js

@@ -1584,7 +1584,8 @@
   };
   const advancedFilteringParamsEmits = {
     close: () => true,
-    confirm: () => true
+    confirm: () => true,
+    changeValue: (value) => !!value
   };
   const advancedFilteringTagsEmits = {
     change: (value) => !!value,
@@ -1617,6 +1618,9 @@
       const handleAdvancedFilterConfirm = () => {
         emits("confirm");
       };
+      const handleChange = (val) => {
+        emits("changeValue", val);
+      };
       require$$0.watch(
         () => props.value,
         () => {
@@ -1653,7 +1657,8 @@
                   key: key.value,
                   "form-columns": props.filterColumns,
                   "form-options": props.formOptions,
-                  "form-data": props.value
+                  "form-data": props.value,
+                  onChange: handleChange
                 }, null, 8, ["form-columns", "form-options", "form-data"])) : (require$$0.openBlock(), require$$0.createElementBlock(
                   "div",
                   {
@@ -46761,13 +46766,13 @@
     __name: "drawer",
     props: drawerProps,
     emits: drawerEmits,
-    setup(__props, { emit: __emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emits = __emit;
       const attrs = require$$0.useAttrs();
       const bem = createNamespace("drawer");
-      const content = require$$0.ref();
       const hasScroll = require$$0.ref(false);
+      const scrollTop = require$$0.ref(0);
       const symbolClass = require$$0.ref(`ll-darwer-${(/* @__PURE__ */ new Date()).getTime()}`);
       const symbolComparedClass = require$$0.ref(`model-content-${(/* @__PURE__ */ new Date()).getTime()}`);
       const getBindValue = require$$0.computed(() => ({
@@ -46808,20 +46813,35 @@
           const { clientHeight } = entries[0].target;
           const scrollHeight = ele.clientHeight;
           hasScroll.value = clientHeight > scrollHeight;
-          console.log(clientHeight, scrollHeight, hasScroll.value);
         });
         if (value) {
           resizeObserver.observe(modalBody);
+          ele.addEventListener("scroll", () => {
+            scrollTop.value = ele.scrollTop;
+          });
         } else {
           resizeObserver.unobserve(modalBody);
+          ele.removeEventListener("scroll", () => {
+            scrollTop.value = 0;
+          });
         }
       };
+      const onScrollTop = async () => {
+        await require$$0.nextTick();
+        if (!hasScroll.value)
+          return;
+        const ele = document.getElementsByClassName(symbolClass.value)[0];
+        ele.scrollTop = 0;
+      };
       require$$0.watch(
         () => props.open,
         (val) => {
           handleResize(val);
         }
       );
+      __expose({
+        onScrollTop
+      });
       return (_ctx, _cache) => {
         const _component_ll_button = require$$0.resolveComponent("ll-button");
         return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(antDesignVue.Drawer), require$$0.mergeProps(getBindValue.value, {
@@ -46843,19 +46863,38 @@
                 class: require$$0.normalizeClass([require$$0.unref(bem).e("container"), hasScroll.value ? require$$0.unref(bem).is("has-scroll") : ""])
               },
               [
+                _ctx.$slots.step ? (require$$0.openBlock(), require$$0.createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    class: require$$0.normalizeClass(require$$0.unref(bem).e("step"))
+                  },
+                  [
+                    require$$0.renderSlot(_ctx.$slots, "step")
+                  ],
+                  2
+                  /* CLASS */
+                )) : require$$0.createCommentVNode("v-if", true),
                 require$$0.createElementVNode(
                   "div",
                   {
-                    ref_key: "content",
-                    ref: content,
                     class: require$$0.normalizeClass([require$$0.unref(bem).e("content"), symbolClass.value])
                   },
                   [
-                    require$$0.createCommentVNode(` <div v-if="hasScroll" :class="bem.e('shandow')" /> `),
+                    hasScroll.value && scrollTop.value > 0 ? (require$$0.openBlock(), require$$0.createElementBlock(
+                      "div",
+                      {
+                        key: 0,
+                        class: require$$0.normalizeClass(require$$0.unref(bem).e("shadow"))
+                      },
+                      null,
+                      2
+                      /* CLASS */
+                    )) : require$$0.createCommentVNode("v-if", true),
                     require$$0.createElementVNode(
                       "div",
                       {
-                        class: require$$0.normalizeClass([symbolComparedClass.value])
+                        class: require$$0.normalizeClass([symbolComparedClass.value, require$$0.unref(bem).e("scroll")])
                       },
                       [
                         require$$0.renderSlot(_ctx.$slots, "default")
@@ -46870,7 +46909,7 @@
                 props.showFooter ? (require$$0.openBlock(), require$$0.createElementBlock(
                   "div",
                   {
-                    key: 0,
+                    key: 1,
                     class: require$$0.normalizeClass([require$$0.unref(bem).e("footer"), hasScroll.value ? require$$0.unref(bem).is("has-scroll") : ""])
                   },
                   [
@@ -57137,6 +57176,12 @@
       default: false
     }
   });
+  const formEmits = {
+    /**
+     * @description 表单项值改变时触发
+     */
+    change: (value) => !!value
+  };
 
   const checkedType = ["radio", "checkbox", "switch"];
 
@@ -57191,8 +57236,10 @@
     ...{ name: "LlForm" },
     __name: "form",
     props: formProps,
-    setup(__props, { expose: __expose }) {
+    emits: formEmits,
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emits = __emit;
       const bem = createNamespace("form");
       const formData = require$$0.reactive(props.formData);
       const formRef = require$$0.ref();
@@ -57216,6 +57263,15 @@
         }
         return bem.is("label-top");
       };
+      require$$0.watch(
+        () => formData,
+        (val) => {
+          emits("change", val);
+        },
+        {
+          deep: true
+        }
+      );
       __expose({
         validate,
         resetFields
@@ -58564,6 +58620,7 @@
                             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => innerValue.value["key"] = $event),
                             options: props.keyTypes,
                             disabled: getKeyDisabled.value,
+                            style: { "width": "100%" },
                             placeholder: "\u8BF7\u9009\u62E9",
                             "allow-clear": "",
                             onChange: handleChange
@@ -58985,13 +59042,14 @@
     __name: "modal",
     props: modalProps,
     emits: modalEmits,
-    setup(__props, { emit: __emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emits = __emit;
       const attrs = require$$0.useAttrs();
       const bem = createNamespace("modal");
       const modal = require$$0.ref();
       const hasScroll = require$$0.ref(false);
+      const scrollTop = require$$0.ref(0);
       const symbolClass = require$$0.ref(`ll-modal-${(/* @__PURE__ */ new Date()).getTime()}`);
       const symbolComparedClass = require$$0.ref(`model-content-${(/* @__PURE__ */ new Date()).getTime()}`);
       const getBindValue = require$$0.computed(() => {
@@ -59021,16 +59079,32 @@
         });
         if (value) {
           resizeObserver.observe(modalBody);
+          ele.addEventListener("scroll", () => {
+            scrollTop.value = ele.scrollTop;
+          });
         } else {
           resizeObserver.unobserve(modalBody);
+          ele.removeEventListener("scroll", () => {
+            scrollTop.value = 0;
+          });
         }
       };
+      const onScrollTop = async () => {
+        await require$$0.nextTick();
+        if (!hasScroll.value)
+          return;
+        const ele = document.getElementsByClassName(symbolClass.value)[0];
+        ele.scrollTop = 0;
+      };
       require$$0.watch(
         () => props.open,
         (val) => {
           handleResize(val);
         }
       );
+      __expose({
+        onScrollTop
+      });
       return (_ctx, _cache) => {
         return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(antDesignVue.Modal), require$$0.mergeProps(getBindValue.value, {
           ref_key: "modal",
@@ -59047,12 +59121,34 @@
           onOk: handleOk
         }), require$$0.createSlots({
           default: require$$0.withCtx(() => [
+            _ctx.$slots.step ? (require$$0.openBlock(), require$$0.createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: require$$0.normalizeClass(require$$0.unref(bem).e("step"))
+              },
+              [
+                require$$0.renderSlot(_ctx.$slots, "step")
+              ],
+              2
+              /* CLASS */
+            )) : require$$0.createCommentVNode("v-if", true),
             require$$0.createElementVNode(
               "div",
               {
                 class: require$$0.normalizeClass([require$$0.unref(bem).e("container"), symbolClass.value, require$$0.unref(bem).is(props.type)])
               },
               [
+                hasScroll.value && scrollTop.value > 0 ? (require$$0.openBlock(), require$$0.createElementBlock(
+                  "div",
+                  {
+                    key: 0,
+                    class: require$$0.normalizeClass(require$$0.unref(bem).e("shadow"))
+                  },
+                  null,
+                  2
+                  /* CLASS */
+                )) : require$$0.createCommentVNode("v-if", true),
                 require$$0.createElementVNode(
                   "div",
                   {
@@ -61228,10 +61324,11 @@
     }
   });
   const selectGroupEmits = {
-    change: (selectV, value) => !!selectV && !!value,
+    change: (selectV, value) => !!selectV || !!value,
     onSelectChange: (selectV, item) => !!selectV && !!item
     // 左侧selectchange
   };
+  const LEFT_SELECT_MIN_WIDTH = 84;
 
   var _sfc_main$m = /* @__PURE__ */ require$$0.defineComponent({
     ...{ name: "LlSelectGroup" },
@@ -61244,8 +61341,18 @@
       const typeSelectValue = require$$0.ref("1");
       const value = require$$0.ref("");
       const selectItem = require$$0.ref();
+      const newList = require$$0.ref([]);
       const bem = createNamespace("select-group");
       const bemContainer = createNamespace("select-group-container");
+      const leftSelectWidth = require$$0.computed(() => {
+        const names = newList.value.map((item) => item.name.length);
+        const maxNameLength = Math.max(...names);
+        if (maxNameLength <= 3) {
+          return LEFT_SELECT_MIN_WIDTH + "px";
+        }
+        const width = LEFT_SELECT_MIN_WIDTH + (maxNameLength - 3) * 14;
+        return width + "px";
+      });
       const handleSelectChange = (_, options) => {
         const item = options.item;
         const formType = item.showFormType;
@@ -61254,25 +61361,56 @@
         } else if (formType === "range-picker") {
           value.value = [void 0, void 0];
         } else if (formType === "select") {
-          value.value = void 0;
+          value.value = -1;
         }
         selectItem.value = options.item;
         emits("onSelectChange", _, options);
       };
       const handleChange = () => {
-        emits("change", selectItem.value?.value, value.value);
+        emits(
+          "change",
+          selectItem.value?.value,
+          value.value === -1 ? void 0 : value.value
+        );
       };
       require$$0.watch(
         () => [props.selectValue, props.data],
         ([selectValue, newData]) => {
           if (newData && newData.length) {
-            let firstItem = newData[0];
-            const findItem = newData.find((item) => item.value === selectValue);
+            const list = newData.map((item) => {
+              const newItem = { ...item };
+              if (newItem.showFormType === "select") {
+                if (newItem.options?.length) {
+                  newItem.options = [
+                    {
+                      label: "\u5168\u90E8",
+                      value: -1
+                    },
+                    ...newItem.options
+                  ];
+                } else if (newItem.list?.length) {
+                  newItem.list = [
+                    {
+                      name: "\u5168\u90E8",
+                      value: -1
+                    },
+                    ...newItem.list
+                  ];
+                }
+              }
+              return newItem;
+            });
+            let firstItem = list[0];
+            const findItem = list.find((item) => item.value === selectValue);
             if (findItem) {
               firstItem = findItem;
             }
+            if (firstItem.showFormType === "select") {
+              value.value = -1;
+            }
             selectItem.value = firstItem;
             typeSelectValue.value = selectValue ? selectValue : firstItem.value;
+            newList.value = list;
           }
         },
         {
@@ -61316,13 +61454,14 @@
                       value: typeSelectValue.value,
                       "onUpdate:value": _cache[0] || (_cache[0] = ($event) => typeSelectValue.value = $event),
                       class: "select-group-left-select-container",
+                      style: require$$0.normalizeStyle({ minWidth: leftSelectWidth.value }),
                       onChange: handleSelectChange
                     }, {
                       default: require$$0.withCtx(() => [
                         (require$$0.openBlock(true), require$$0.createElementBlock(
                           require$$0.Fragment,
                           null,
-                          require$$0.renderList(_ctx.data, (item) => {
+                          require$$0.renderList(newList.value, (item) => {
                             return require$$0.openBlock(), require$$0.createBlock(_component_a_select_option, {
                               key: item.name,
                               value: item.value,
@@ -61345,13 +61484,14 @@
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["value"]),
+                    }, 8, ["value", "style"]),
                     require$$0.createCommentVNode(" \u53F3\u4FA7\u7EC4\u5408\u8868\u5355 "),
                     require$$0.createCommentVNode(" input\u8F93\u5165\u6846 "),
                     !selectItem.value?.showFormType || selectItem.value?.showFormType === "input" ? (require$$0.openBlock(), require$$0.createBlock(_component_a_input, {
                       key: 0,
                       value: value.value,
                       "onUpdate:value": _cache[1] || (_cache[1] = ($event) => value.value = $event),
+                      class: require$$0.normalizeClass(require$$0.unref(bem).e("right-input")),
                       placeholder: selectItem.value?.placeholder,
                       onPressEnter: handleChange
                     }, {
@@ -61363,7 +61503,7 @@
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["value", "placeholder"])) : selectItem.value?.showFormType === "select" ? (require$$0.openBlock(), require$$0.createElementBlock(
+                    }, 8, ["value", "class", "placeholder"])) : selectItem.value?.showFormType === "select" ? (require$$0.openBlock(), require$$0.createElementBlock(
                       require$$0.Fragment,
                       { key: 1 },
                       [
@@ -61371,10 +61511,10 @@
                         require$$0.createVNode(_component_a_select, {
                           value: value.value,
                           "onUpdate:value": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+                          class: require$$0.normalizeClass(require$$0.unref(bem).e("right-select")),
                           "popup-class-name": "select-group-right-select",
                           options: selectItem.value?.options,
                           placeholder: selectItem.value?.placeholder,
-                          style: { "width": "100%" },
                           "field-names": selectItem.value?.fieldNames,
                           onChange: handleChange
                         }, {
@@ -61404,7 +61544,7 @@
                           ]),
                           _: 1
                           /* STABLE */
-                        }, 8, ["value", "options", "placeholder", "field-names"])
+                        }, 8, ["value", "class", "options", "placeholder", "field-names"])
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -61416,8 +61556,9 @@
                         require$$0.createVNode(_component_a_range_picker, {
                           value: value.value,
                           "onUpdate:value": _cache[3] || (_cache[3] = ($event) => value.value = $event),
+                          class: require$$0.normalizeClass(require$$0.unref(bem).e("right-range-picker")),
                           onChange: handleChange
-                        }, null, 8, ["value"])
+                        }, null, 8, ["value", "class"])
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -61429,12 +61570,12 @@
                         require$$0.createVNode(_component_a_tree_select, {
                           value: value.value,
                           "onUpdate:value": _cache[4] || (_cache[4] = ($event) => value.value = $event),
-                          style: { "width": "100%" },
+                          class: require$$0.normalizeClass(require$$0.unref(bem).e("right-tree-select")),
                           "field-names": selectItem.value.fieldNames,
                           placeholder: selectItem.value?.placeholder,
                           "tree-data": selectItem.value.list,
                           onSelect: handleChange
-                        }, null, 8, ["value", "field-names", "placeholder", "tree-data"])
+                        }, null, 8, ["value", "class", "field-names", "placeholder", "tree-data"])
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -77119,6 +77260,7 @@
   exports.DEFAULT_TYPE = DEFAULT_TYPE;
   exports.ILlUploadDragProps = ILlUploadDragProps;
   exports.ImenuSwitchType = ImenuSwitchType;
+  exports.LEFT_SELECT_MIN_WIDTH = LEFT_SELECT_MIN_WIDTH;
   exports.LlAdvancedFiltering = LlAdvancedFiltering;
   exports.LlAdvancedFilteringParams = LlAdvancedFilteringParams;
   exports.LlAdvancedFilteringTags = LlAdvancedFilteringTags;
@@ -77226,6 +77368,7 @@
   exports.emptyProps = emptyProps;
   exports.formColumns = formColumns;
   exports.formComponentProps = formComponentProps;
+  exports.formEmits = formEmits;
   exports.formOptions = formOptions;
   exports.formProps = formProps;
   exports.formatToDate = formatToDate;