knt-shared 1.10.8 → 1.10.10

package/dist/index.esm.js

@@ -22,6 +22,162 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return sfc;
 };
+const _sfc_main$C = defineComponent({
+  name: "IconDown",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-down`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber$1(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$w = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M39.6 17.443 24.043 33 8.487 17.443" }, null, -1)
+  ]), 14, _hoisted_1$w);
+}
+var _IconDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$i]]);
+const IconDown = Object.assign(_IconDown, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconDown.name, _IconDown);
+  }
+});
+const _sfc_main$B = defineComponent({
+  name: "IconUp",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (value) => {
+        return ["butt", "round", "square"].includes(value);
+      }
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (value) => {
+        return ["arcs", "bevel", "miter", "miter-clip", "round"].includes(value);
+      }
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (ev) => true
+  },
+  setup(props, { emit }) {
+    const prefixCls = getPrefixCls("icon");
+    const cls = computed(() => [prefixCls, `${prefixCls}-up`, { [`${prefixCls}-spin`]: props.spin }]);
+    const innerStyle = computed(() => {
+      const styles = {};
+      if (props.size) {
+        styles.fontSize = isNumber$1(props.size) ? `${props.size}px` : props.size;
+      }
+      if (props.rotate) {
+        styles.transform = `rotate(${props.rotate}deg)`;
+      }
+      return styles;
+    });
+    const onClick = (ev) => {
+      emit("click", ev);
+    };
+    return {
+      cls,
+      innerStyle,
+      onClick
+    };
+  }
+});
+const _hoisted_1$v = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: normalizeClass(_ctx.cls),
+    style: normalizeStyle(_ctx.innerStyle),
+    "stroke-width": _ctx.strokeWidth,
+    "stroke-linecap": _ctx.strokeLinecap,
+    "stroke-linejoin": _ctx.strokeLinejoin,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+  }, _cache[1] || (_cache[1] = [
+    createElementVNode("path", { d: "M39.6 30.557 24.043 15 8.487 30.557" }, null, -1)
+  ]), 14, _hoisted_1$v);
+}
+var _IconUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["render", _sfc_render$h]]);
+const IconUp = Object.assign(_IconUp, {
+  install: (app, options) => {
+    var _a;
+    const iconPrefix = (_a = options == null ? void 0 : options.iconPrefix) != null ? _a : "";
+    app.component(iconPrefix + _IconUp.name, _IconUp);
+  }
+});
 const _sfc_main$A = defineComponent({
   name: "IconPlus",
   props: {
@@ -2881,7 +3037,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-db151e2d"]]);
+const VideoPreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-7b674f81"]]);
 const _hoisted_1$9 = { class: "basic-upload" };
 const _hoisted_2$6 = {
   key: 0,
@@ -2972,7 +3128,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   emits: ["register", "update:modelValue", "change", "handleSuccess", "handleError", "progress", "remove", "preview", "exceed", "sortChange"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v0a277aea": cardSizeValue.value
+      "v5d214bdf": cardSizeValue.value
     }));
     const MAX_SIZE_UNIT_BYTES = {
       B: 1,
@@ -3256,8 +3412,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const addVideoFileClass = () => {
       nextTick(() => {
         var _a;
-        const root = ((_a = uploadRef.value) == null ? void 0 : _a.$el) ?? null;
-        const scope = root ?? document;
+        const root = (_a = uploadRef.value) == null ? void 0 : _a.$el;
+        const scope = root instanceof Element ? root : document;
         const uploadItems = scope.querySelectorAll(".arco-upload-list-picture");
         uploadItems.forEach((item) => {
           const img = item.querySelector("img");
@@ -3661,7 +3817,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d256c7da"]]);
+const BasicUpload = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-627de95c"]]);
 function useUpload(props) {
   const uploadRef = ref(null);
   const fileListRef = ref((props == null ? void 0 : props.defaultFileList) || []);
@@ -5032,7 +5188,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     showActionButtons: { type: Boolean, default: true },
     readonly: { type: Boolean },
     autoTrim: { type: Boolean, default: true },
-    context: {}
+    context: {},
+    showCollapse: { type: Boolean, default: false },
+    collapseRows: { default: 1 },
+    defaultCollapsed: { type: Boolean, default: true }
   },
   emits: ["register", "submit", "reset", "validate"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -5099,6 +5258,36 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         return schema.show(formModel);
       });
     });
+    const isCollapsed = ref(props.defaultCollapsed !== false);
+    const getDisplaySchemas = computed(() => {
+      var _a, _b;
+      const propsData = unref(getProps);
+      if (!propsData.showCollapse || !isCollapsed.value) {
+        return getVisibleSchemas.value;
+      }
+      const maxRows = propsData.collapseRows ?? 1;
+      const baseSpan = ((_a = propsData.baseColProps) == null ? void 0 : _a.span) ?? 24;
+      let rowSpan = 0;
+      let rowCount = 1;
+      const result = [];
+      for (const schema of getVisibleSchemas.value) {
+        const span = ((_b = schema.colProps) == null ? void 0 : _b.span) ?? baseSpan;
+        if (rowSpan + span > 24) {
+          rowCount++;
+          if (rowCount > maxRows) break;
+          rowSpan = 0;
+        }
+        result.push(schema);
+        rowSpan += span;
+      }
+      return result;
+    });
+    const showCollapseBtn = computed(() => {
+      const propsData = unref(getProps);
+      if (!propsData.showCollapse) return false;
+      const hasHidden = getVisibleSchemas.value.length !== getDisplaySchemas.value.length;
+      return hasHidden || !isCollapsed.value;
+    });
     const getColProps = (schema) => {
       const propsData = unref(getProps);
       return schema.colProps || propsData.baseColProps || { span: 24 };
@@ -5434,7 +5623,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(Row), normalizeProps(guardReactiveProps(getRow.value)), {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(getVisibleSchemas.value, (schema) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(getDisplaySchemas.value, (schema) => {
                 return openBlock(), createBlock(unref(Col), mergeProps({
                   key: schema.key || schema.field,
                   ref_for: true
@@ -5512,39 +5701,55 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1040, ["data-field"]);
               }), 128)),
-              getActionProps.value.showActionButtons ? (openBlock(), createBlock(unref(Col), normalizeProps(mergeProps({ key: 0 }, getActionProps.value.actionColOptions)), {
+              getActionProps.value.showActionButtons || showCollapseBtn.value ? (openBlock(), createBlock(unref(Col), normalizeProps(mergeProps({ key: 0 }, getActionProps.value.actionColOptions)), {
                 default: withCtx(() => [
                   createVNode(unref(FormItem), normalizeProps(guardReactiveProps(getActionProps.value.actionFormItemProps)), {
                     default: withCtx(() => [
                       createVNode(unref(Space), null, {
                         default: withCtx(() => [
-                          getActionProps.value.showSubmitButton ? (openBlock(), createBlock(unref(Button), {
-                            key: 0,
-                            type: "primary",
-                            "html-type": "submit",
-                            loading: submitLoading.value
-                          }, {
-                            icon: withCtx(() => [
-                              createVNode(unref(IconSearch))
-                            ]),
-                            default: withCtx(() => [
-                              createTextVNode(" " + toDisplayString(getActionProps.value.submitButtonText), 1)
-                            ]),
-                            _: 1
-                          }, 8, ["loading"])) : createCommentVNode("", true),
-                          getActionProps.value.showResetButton ? (openBlock(), createBlock(unref(Button), {
+                          getActionProps.value.showActionButtons ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                            getActionProps.value.showSubmitButton ? (openBlock(), createBlock(unref(Button), {
+                              key: 0,
+                              type: "primary",
+                              "html-type": "submit",
+                              loading: submitLoading.value
+                            }, {
+                              icon: withCtx(() => [
+                                createVNode(unref(IconSearch))
+                              ]),
+                              default: withCtx(() => [
+                                createTextVNode(" " + toDisplayString(getActionProps.value.submitButtonText), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["loading"])) : createCommentVNode("", true),
+                            getActionProps.value.showResetButton ? (openBlock(), createBlock(unref(Button), {
+                              key: 1,
+                              onClick: handleReset
+                            }, {
+                              icon: withCtx(() => [
+                                createVNode(unref(IconRefresh))
+                              ]),
+                              default: withCtx(() => [
+                                createTextVNode(" " + toDisplayString(getActionProps.value.resetButtonText), 1)
+                              ]),
+                              _: 1
+                            })) : createCommentVNode("", true),
+                            renderSlot(_ctx.$slots, "actions")
+                          ], 64)) : createCommentVNode("", true),
+                          showCollapseBtn.value ? (openBlock(), createBlock(unref(Button), {
                             key: 1,
-                            onClick: handleReset
+                            type: "text",
+                            size: "small",
+                            onClick: _cache[0] || (_cache[0] = ($event) => isCollapsed.value = !isCollapsed.value)
                           }, {
                             icon: withCtx(() => [
-                              createVNode(unref(IconRefresh))
+                              !isCollapsed.value ? (openBlock(), createBlock(unref(IconUp), { key: 0 })) : (openBlock(), createBlock(unref(IconDown), { key: 1 }))
                             ]),
                             default: withCtx(() => [
-                              createTextVNode(" " + toDisplayString(getActionProps.value.resetButtonText), 1)
+                              createTextVNode(" " + toDisplayString(isCollapsed.value ? "更多筛选" : "收起"), 1)
                             ]),
                             _: 1
-                          })) : createCommentVNode("", true),
-                          renderSlot(_ctx.$slots, "actions")
+                          })) : createCommentVNode("", true)
                         ]),
                         _: 3
                       })
@@ -7085,7 +7290,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return {
         show: true,
         layout: "horizontal",
-        showCollapse: true,
+        showCollapse: false,
         defaultCollapseRows: 1,
         showResetButton: true,
         showSubmitButton: true,
@@ -7105,6 +7310,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         showResetButton: config.showResetButton,
         submitButtonText: config.submitButtonText,
         resetButtonText: config.resetButtonText,
+        showCollapse: config.showCollapse,
+        collapseRows: config.defaultCollapseRows,
         // 其他 formProps（先展开，后面会被覆盖）
         ...formProps,
         // 合并 baseFormItemProps（保留默认值）
@@ -8392,7 +8599,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1a0967ac"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0e01115d"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);