ll-plus 2.3.14 → 2.3.16

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",
                   {
@@ -77226,6 +77322,7 @@
   exports.emptyProps = emptyProps;
   exports.formColumns = formColumns;
   exports.formComponentProps = formComponentProps;
+  exports.formEmits = formEmits;
   exports.formOptions = formOptions;
   exports.formProps = formProps;
   exports.formatToDate = formatToDate;