knt-shared 1.8.5 → 1.8.7

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, useCssVars, createCommentVNode, createVNode, unref, createBlock, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, nextTick, renderSlot, mergeProps, createSlots, onBeforeUnmount, toRef, normalizeProps, guardReactiveProps, h, resolveDynamicComponent, isVNode, useSlots, Teleport, createApp } from "vue";
+import { getCurrentInstance, inject, defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createCommentVNode, createVNode, unref, createBlock, reactive, Fragment, renderList, withModifiers, ref, watch, onMounted, onUnmounted, withDirectives, vModelText, vShow, toDisplayString, withCtx, createTextVNode, useCssVars, nextTick, renderSlot, mergeProps, createSlots, onBeforeUnmount, toRef, normalizeProps, guardReactiveProps, h, resolveDynamicComponent, isVNode, useSlots, Teleport, createApp } from "vue";
 import ArcoVue, { Progress, Spin, Dropdown, Doption, Modal, Upload, Button, Image as Image$1, Message, Select, Cascader, Transfer, Mention, Rate, Slider, Switch, RangePicker, TimePicker, DatePicker, TreeSelect, CheckboxGroup, Checkbox, RadioGroup, Radio, AutoComplete, Textarea, InputPassword, InputNumber, Input, ImagePreviewGroup, Form, Row, Col, FormItem, Tooltip, Space, Divider, Popover, Table, Popconfirm, Link, Descriptions, DescriptionsItem } from "@arco-design/web-vue";
 const configProviderInjectionKey = Symbol("ArcoConfigProvider");
 const CLASS_PREFIX = "arco";
@@ -2303,9 +2303,6 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   },
   emits: ["dragstart", "dragend", "preview", "remove"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v6adf0568": _ctx.cardSize + 10 + "px"
-    }));
     const props = __props;
     const emit = __emit;
     const isVideoFile = (file) => {
@@ -2354,7 +2351,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         draggable: !__props.disabled,
         style: normalizeStyle({
           width: `${__props.cardSize}px`,
-          height: `${__props.cardSize}px`
+          height: `${__props.cardSize}px`,
+          "--indicator-height": `${__props.cardSize + 10}px`
         }),
         onDragstart: handleDragStart,
         onDragend: handleDragEnd
@@ -2398,7 +2396,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-c8377d24"]]);
+const SortableFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-b7fe69e3"]]);
 const _hoisted_1$b = { class: "sortable-file-list" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
@@ -6982,6 +6980,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       []
     );
     const checkedColumns = ref(storedColumns.value);
+    const isColumnSettingReady = ref(false);
     watch(checkedColumns, (newValue) => {
       if (getStorageKey()) {
         setStoredColumns(newValue);
@@ -7246,7 +7245,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         const indexColumn = {
           title: "序号",
           dataIndex: "__index__",
-          width: 60,
+          width: 70,
           align: "center",
           fixed: "left",
           slotName: "__index__",
@@ -7265,7 +7264,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         };
         columns.push(actionColumn);
       }
-      if (getToolbarConfig.value.showColumnSetting && checkedColumns.value.length > 0) {
+      if (getToolbarConfig.value.showColumnSetting && isColumnSettingReady.value) {
         columns = columns.filter((col) => {
           if (col.dataIndex === "__index__" || col.dataIndex === "action") {
             return true;
@@ -7299,6 +7298,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         return col.ifShow !== false && col.dataIndex;
       });
     });
+    watch(settingColumns, (newCols) => {
+      if (!isColumnSettingReady.value) return;
+      const currentKeys = new Set(checkedColumns.value);
+      const newKeys = newCols.filter((col) => col.dataIndex && !currentKeys.has(col.dataIndex)).map((col) => col.dataIndex);
+      if (newKeys.length > 0) {
+        checkedColumns.value = [...checkedColumns.value, ...newKeys];
+      }
+    });
     const getBindValues = computed(() => {
       const mergedProps = getMergedProps.value;
       const {
@@ -7722,6 +7729,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       } else {
         checkedColumns.value = settingColumns.value.filter((col) => !col.defaultHidden).map((col) => col.dataIndex);
       }
+      isColumnSettingReady.value = true;
     };
     const getDataSource = () => dataSource.value;
     const setDataSource = async (data) => {
@@ -8336,7 +8344,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-84dbe67a"]]);
+const BasicTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-f752ab5b"]]);
 function useTable(options = {}) {
   const tableRef = ref(null);
   const formRef = ref(null);