qidian-vue-ui 2.0.17 → 2.0.19

package/dist/components/columns-controller/index.css

@@ -1,31 +1,31 @@
-.qd-columns-controller__title[data-v-f0e1d079] {
+.qd-columns-controller__title[data-v-85b72687] {
   display: flex;
   align-items: center;
 }
-.qd-columns-controller__drag[data-v-f0e1d079] {
+.qd-columns-controller__drag[data-v-85b72687] {
   cursor: move;
   margin-right: var(--td-comp-margin-m);
 }
-.qd-columns-controller__ghost[data-v-f0e1d079] {
+.qd-columns-controller__ghost[data-v-85b72687] {
   opacity: 0.5;
   background: var(--td-brand-color-light);
 }
-.qd-columns-controller__chosen[data-v-f0e1d079] {
+.qd-columns-controller__chosen[data-v-85b72687] {
   background: var(--td-brand-color-light-hover);
 }
-.qd-columns-controller__width-input[data-v-f0e1d079] {
+.qd-columns-controller__width-input[data-v-85b72687] {
   width: 100%;
 }
-.qd-columns-controller__help[data-v-f0e1d079] {
+.qd-columns-controller__help[data-v-85b72687] {
   font-size: var(--td-font-size-title-large);
 }
-.qd-columns-controller__footer[data-v-f0e1d079] {
+.qd-columns-controller__footer[data-v-85b72687] {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.qd-columns-controller__footer-actions[data-v-f0e1d079] {
+.qd-columns-controller__footer-actions[data-v-85b72687] {
   flex: 1 1 0;
   overflow: hidden;
 }

package/dist/components/columns-controller/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f0e1d079"]]);
+const QdColumnsController = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-85b72687"]]);
 export {
   QdColumnsController as default
 };

package/dist/components/columns-controller/index.vue2.mjs

@@ -57,6 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dialogRef = useTemplateRef("dialog");
     const tableRef = useTemplateRef("tableRef");
     const flatColumns = ref([]);
+    const hasFormItemColumns = computed(() => hasFormItem(props.columns));
     const tableColumns = [{
       colKey: "title",
       title: t("columnNameText"),
@@ -74,6 +75,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       fixed: "right"
     }];
     const selectedColKeys = computed(() => flatColumns.value.filter((c) => !c.hidden).map((c) => c.colKey));
+    function hasFormItem(columns2) {
+      return columns2?.some((column) => column.formItem || hasFormItem(column.children)) ?? false;
+    }
     function handleSelectChange(selectedKeys) {
       flatColumns.value.forEach((col) => {
         col.hidden = !selectedKeys.includes(col.colKey);
@@ -216,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           data: flatColumns.value,
           columns: tableColumns,
           "row-key": "colKey",
-          "select-type": "multiple",
+          "select-type": hasFormItemColumns.value ? void 0 : "multiple",
           "selected-row-keys": selectedColKeys.value,
           "select-on-row-click": false,
           onSelectChange: handleSelectChange
@@ -287,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 2
           }, 1024)]),
           _: 1
-        }, 8, ["data", "selected-row-keys"])]),
+        }, 8, ["data", "select-type", "selected-row-keys"])]),
         _: 1
       }, 8, ["visible", "header"]);
     };

package/dist/components/crud/table/index.css

@@ -1,36 +1,36 @@
-.qd-crud-table[data-v-78e20261] {
+.qd-crud-table[data-v-d070eeff] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-78e20261] {
+.qd-crud-table > .qd-crud-search:not(.qd-crud-search--hide) + .qd-crud-table__body[data-v-d070eeff] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__body[data-v-78e20261] {
+.qd-crud-table__body[data-v-d070eeff] {
   flex: auto;
 }
-.qd-crud-table__body[data-v-78e20261] >  .t-loading__parent > .t-card__body {
+.qd-crud-table__body[data-v-d070eeff] >  .t-loading__parent > .t-card__body {
   height: 100%;
   min-height: 443px;
   display: flex;
   flex-direction: column;
 }
-.qd-crud-table__body[data-v-78e20261] >  .t-loading__parent > .t-card__body > .qd-service-table {
+.qd-crud-table__body[data-v-d070eeff] >  .t-loading__parent > .t-card__body > .qd-service-table {
   flex: 1 1 0;
   overflow: hidden;
 }
-.qd-crud-table__body[data-v-78e20261] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
+.qd-crud-table__body[data-v-d070eeff] >  .t-loading__parent > .t-card__body > .qd-service-table .t-table__pagination {
   padding-bottom: 0;
 }
-.qd-crud-table__toolbar[data-v-78e20261] {
+.qd-crud-table__toolbar[data-v-d070eeff] {
   display: flex;
   justify-content: space-between;
 }
-.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-78e20261] {
+.qd-crud-table__toolbar--has-space-item + .qd-service-table[data-v-d070eeff] {
   margin-top: var(--td-comp-margin-l);
 }
-.qd-crud-table__toolbar-separator[data-v-78e20261] {
+.qd-crud-table__toolbar-separator[data-v-d070eeff] {
   display: inline-block;
   padding-left: var(--td-comp-paddingLR-s);
 }

package/dist/components/crud/table/index.vue.mjs

@@ -2,7 +2,7 @@ import './index.css'
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78e20261"]]);
+const QdCrudTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d070eeff"]]);
 export {
   QdCrudTable as default
 };

package/dist/components/crud/table/index.vue2.mjs

@@ -1,5 +1,5 @@
 import './index.css'
-import { defineComponent, mergeDefaults, computed, reactive, useTemplateRef, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createVNode, withDirectives, createCommentVNode, createBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, vShow, createElementVNode, normalizeClass, Fragment, withModifiers, nextTick, shallowRef, toRef, triggerRef } from "vue";
+import { defineComponent, mergeDefaults, computed, reactive, useTemplateRef, ref, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, renderSlot, createVNode, withDirectives, createCommentVNode, createBlock, unref, mergeProps, isRef, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, vShow, createElementVNode, normalizeClass, Fragment, withModifiers, nextTick, shallowRef, toRef, triggerRef } from "vue";
 import { useVModels, useLocalStorage } from "../../../node_modules/.pnpm/@vueuse_core@14.2.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import { MD5, easyCopy, suspectedWrapperPromise, createExposeProxy, extractSlotsWithPrefix, isEmpty, generateRandomString, to } from "qidian-shared";
 import { SearchIcon, RefreshIcon, UnfoldLessIcon, UnfoldMoreIcon, SettingIcon, AddIcon, DeleteIcon } from "tdesign-icons-vue-next";
@@ -579,11 +579,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return getColumnsStorageKey(key);
     });
     const cachedColumns = useLocalStorage(finalCacheColumnsKey, []);
+    const hasFormItemColumns = computed(() => hasFormItem(reProps.value.columns));
     const mergeColumns = computed({
       get: () => {
         const original = reProps.value.columns;
-        if (!cachedColumns.value) return original;
-        return mergeColumnsWithCache(original, cachedColumns.value);
+        const mergedColumns = cachedColumns.value ? mergeColumnsWithCache(original, cachedColumns.value) : original;
+        if (!hasFormItemColumns.value) return mergedColumns;
+        return mergedColumns.map((column) => ({
+          ...column,
+          hidden: false
+        }));
       },
       set: (val) => {
         cachedColumns.value = val.map(({
@@ -594,7 +599,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           fixed
         }) => ({
           colKey,
-          hidden,
+          hidden: hasFormItemColumns.value ? false : hidden,
           width,
           minWidth,
           fixed
@@ -608,6 +613,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toolbarRef = useTemplateRef("toolbar");
     const toolbarHasSpaceItem = ref(false);
     let toolbarObserver = null;
+    function hasFormItem(columns) {
+      return columns?.some((column) => column.formItem || hasFormItem(column.children)) ?? false;
+    }
     function handleSearch() {
       searchMode = "changeCurrent";
     }
@@ -1039,6 +1047,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function syncToolbarHasSpaceItem() {
       toolbarHasSpaceItem.value = !!toolbarRef.value?.querySelector(".t-space-item");
     }
+    watch(hasFormItemColumns, (hasFormItem2) => {
+      if (!hasFormItem2 || !cachedColumns.value?.some((column) => column.hidden)) return;
+      cachedColumns.value = cachedColumns.value.map((column) => ({
+        ...column,
+        hidden: false
+      }));
+    }, {
+      immediate: true
+    });
     onMounted(() => {
       syncToolbarHasSpaceItem();
       const toolbarEl = toolbarRef.value;

package/dist/components/service/table/edit-cell.mjs

@@ -128,6 +128,11 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
     const {
       t
     } = useConfig("form");
+    const validationStatus = computed(() => {
+      const status = attrs.status;
+      if (status === "error" || status === "warning" || status === "success") return status;
+      return void 0;
+    });
     const reIfRender = computed(() => {
       const ifRender = props.formItem.ifRender;
       if (isEmpty(ifRender)) return true;
@@ -152,11 +157,8 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
         ...props.lazy && props.active ? {
           autofocus: true
         } : {},
-        ...attrs.status ? {
-          status: attrs.status
-        } : {},
-        ...attrs.tips ? {
-          tips: attrs.tips
+        ...validationStatus.value ? {
+          status: validationStatus.value
         } : {}
       };
     });
@@ -174,14 +176,20 @@ const QdServiceTableEditCell = /* @__PURE__ */ defineComponent({
       delete rendererAttrs.status;
       delete rendererAttrs.tips;
       delete rendererAttrs.onChange;
-      return h(_sfc_main, {
+      const status = validationStatus.value;
+      return h("div", {
         ...rendererAttrs,
-        class: "qd-service-table__cell-editor",
+        class: ["qd-service-table__cell-editor", "t-form__controls", status ? `t-is-${status}` : void 0, status === "success" ? "t-form--success-border" : void 0],
+        onFocusin: props.activate
+      }, [h("div", {
+        class: "t-form__controls-content"
+      }, [h(_sfc_main, {
         config: component.value,
         context: currentContext.value,
-        crudMode: props.formItem.crudMode,
-        onFocusin: props.activate
-      });
+        crudMode: props.formItem.crudMode
+      })]), attrs.tips ? h("div", {
+        class: ["t-tips", status ? `t-is-${status}` : "t-is-default"]
+      }, attrs.tips) : void 0]);
     };
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qidian-vue-ui",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "基于 TDesign 的 QiDian Vue UI 组件库",
   "author": "qidian",
   "license": "MIT",