3h1-ui 3.0.0-next.23 → 3.0.0-next.25

package/es/index.js

@@ -25344,6 +25344,10 @@ const basicContainerProps = reactive({
     type: Boolean,
     default: true
   },
+  isShowBack: {
+    type: Boolean,
+    default: false
+  },
   isShowFooter: {
     type: Boolean,
     default: true
@@ -25427,14 +25431,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.prefixCls}-header-title`)
       }, [
-        !_ctx.loading ? (openBlock(), createElementBlock("div", {
+        !_ctx.loading && _ctx.isShowBack ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
           createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
         ], 2)) : createCommentVNode("", true),
-        _ctx.loading ? (openBlock(), createElementBlock("div", {
+        _ctx.loading && _ctx.isShowBack ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(`${_ctx.prefixCls}-header-title-loading-icon`)
         }, [
@@ -30811,6 +30815,10 @@ const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
 const shyTableBasicProps = reactive({
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
   headerAlign: {
     type: String,
     default: "left"
@@ -36329,6 +36337,9 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
     headerAlign: {
       type: String,
       default: "left"
+    },
+    isShowTitle: {
+      type: Boolean
     }
   },
   setup(props2, {
@@ -36344,6 +36355,16 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
         "onColumnsChange": handleColumnChange
       }, null) : null;
     };
+    const isShowTitle = () => {
+      return props2.isShowTitle ? createVNode(ShyTableTitle, null, {
+        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
+          var _a2;
+          return props2.title || ((_a2 = slots == null ? void 0 : slots.title) == null ? void 0 : _a2.call(slots));
+        } : null
+      }) : createVNode("div", {
+        "class": `${prefixCls2}-placeholder`
+      }, null);
+    };
     const handleColumnChange = (data) => {
       emit("columns-change", data);
     };
@@ -36354,12 +36375,7 @@ const ShyTableHeader = /* @__PURE__ */ defineComponent({
         "class": prefixCls2
       }, [createVNode("div", {
         "class": getAlignClass.value
-      }, [createVNode(ShyTableTitle, null, {
-        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
-          var _a3;
-          return props2.title || ((_a3 = slots == null ? void 0 : slots.title) == null ? void 0 : _a3.call(slots));
-        } : null
-      }), createVNode("div", {
+      }, [isShowTitle(), createVNode("div", {
         "class": `${prefixCls2}-button`
       }, [(_a2 = slots == null ? void 0 : slots.toolbar) == null ? void 0 : _a2.call(slots)])]), createVNode("div", {
         "class": `${prefixCls2}-toolbar`
@@ -36374,6 +36390,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
   const getHeaderProps = computed(() => {
     const {
       title = null,
+      isShowTitle,
       showTableSetting,
       titleHelpMessage,
       tableSetting,
@@ -36384,6 +36401,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
       return {};
     }
     const headerProps = {
+      isShowTitle,
       headerAlign,
       title,
       titleHelpMessage,
@@ -38176,6 +38194,7 @@ export {
   TableImg,
   _sfc_main$n as TablePlus,
   ToolbarEnum,
+  basicContainerProps,
   componentMap$3 as componentMap,
   createLoading,
   descriptionsForm,

package/es/style.css

@@ -8403,8 +8403,8 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   width: 100%;
   height: fit-content;
   align-items: center;
-  padding: 10px;
-  border-bottom: 1px solid #eaeaea;
+  padding-block: 10px;
+  border-bottom: 1px solid var(--gray-3);
   gap: 8px;
 }
 .shy-basic-container-header-title {
@@ -8431,7 +8431,8 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
-  border-top: 1px solid #eaeaea;
+  border-top: 1px solid var(--gray-3);
+  background-color: var(--gray-2);
 }
 .shy-basic-container-footer-buttons {
   display: flex;
@@ -8921,6 +8922,9 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   justify-content: space-between;
   align-items: center;
 }
+.shy-table-header-placeholder {
+  flex: 1;
+}
 .shy-table-header-toolbar {
   display: flex;
   align-items: center;

package/lib/index.js

@@ -25368,6 +25368,10 @@ const basicContainerProps = vue.reactive({
     type: Boolean,
     default: true
   },
+  isShowBack: {
+    type: Boolean,
+    default: false
+  },
   isShowFooter: {
     type: Boolean,
     default: true
@@ -25451,14 +25455,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-header-title`)
       }, [
-        !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
+        !_ctx.loading && _ctx.isShowBack ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
           vue.createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
         ], 2)) : vue.createCommentVNode("", true),
-        _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.loading && _ctx.isShowBack ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-loading-icon`)
         }, [
@@ -30835,6 +30839,10 @@ const setConstConfig = (config) => {
   DEFAULT_ALIGN = config.align;
 };
 const shyTableBasicProps = vue.reactive({
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
   headerAlign: {
     type: String,
     default: "left"
@@ -36353,6 +36361,9 @@ const ShyTableHeader = /* @__PURE__ */ vue.defineComponent({
     headerAlign: {
       type: String,
       default: "left"
+    },
+    isShowTitle: {
+      type: Boolean
     }
   },
   setup(props2, {
@@ -36368,6 +36379,16 @@ const ShyTableHeader = /* @__PURE__ */ vue.defineComponent({
         "onColumnsChange": handleColumnChange
       }, null) : null;
     };
+    const isShowTitle = () => {
+      return props2.isShowTitle ? vue.createVNode(ShyTableTitle, null, {
+        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
+          var _a2;
+          return props2.title || ((_a2 = slots == null ? void 0 : slots.title) == null ? void 0 : _a2.call(slots));
+        } : null
+      }) : vue.createVNode("div", {
+        "class": `${prefixCls2}-placeholder`
+      }, null);
+    };
     const handleColumnChange = (data) => {
       emit("columns-change", data);
     };
@@ -36378,12 +36399,7 @@ const ShyTableHeader = /* @__PURE__ */ vue.defineComponent({
         "class": prefixCls2
       }, [vue.createVNode("div", {
         "class": getAlignClass.value
-      }, [vue.createVNode(ShyTableTitle, null, {
-        title: props2.title || (slots == null ? void 0 : slots.title) ? () => {
-          var _a3;
-          return props2.title || ((_a3 = slots == null ? void 0 : slots.title) == null ? void 0 : _a3.call(slots));
-        } : null
-      }), vue.createVNode("div", {
+      }, [isShowTitle(), vue.createVNode("div", {
         "class": `${prefixCls2}-button`
       }, [(_a2 = slots == null ? void 0 : slots.toolbar) == null ? void 0 : _a2.call(slots)])]), vue.createVNode("div", {
         "class": `${prefixCls2}-toolbar`
@@ -36398,6 +36414,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
   const getHeaderProps = vue.computed(() => {
     const {
       title = null,
+      isShowTitle,
       showTableSetting,
       titleHelpMessage,
       tableSetting,
@@ -36408,6 +36425,7 @@ const useTableHeader = (propsRef, slots, handlers2) => {
       return {};
     }
     const headerProps = {
+      isShowTitle,
       headerAlign,
       title,
       titleHelpMessage,
@@ -38199,6 +38217,7 @@ exports.TableDict = TableDict;
 exports.TableImg = TableImg;
 exports.TablePlus = _sfc_main$n;
 exports.ToolbarEnum = ToolbarEnum;
+exports.basicContainerProps = basicContainerProps;
 exports.componentMap = componentMap$3;
 exports.createLoading = createLoading;
 exports.descriptionsForm = descriptionsForm;

package/lib/style.css

@@ -8403,8 +8403,8 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   width: 100%;
   height: fit-content;
   align-items: center;
-  padding: 10px;
-  border-bottom: 1px solid #eaeaea;
+  padding-block: 10px;
+  border-bottom: 1px solid var(--gray-3);
   gap: 8px;
 }
 .shy-basic-container-header-title {
@@ -8431,7 +8431,8 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
-  border-top: 1px solid #eaeaea;
+  border-top: 1px solid var(--gray-3);
+  background-color: var(--gray-2);
 }
 .shy-basic-container-footer-buttons {
   display: flex;
@@ -8921,6 +8922,9 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   justify-content: space-between;
   align-items: center;
 }
+.shy-table-header-placeholder {
+  flex: 1;
+}
 .shy-table-header-toolbar {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.23",
+  "version": "3.0.0-next.25",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,8 +29,8 @@
     "vue-json-pretty": "^2.2.3",
     "vxe-table": "^4.3.6",
     "xe-utils": "^3.5.7",
-    "@shy-plugins/use": "1.0.0-next.1",
     "@shy-plugins/tinymce": "^1.0.6",
+    "@shy-plugins/use": "1.0.0-next.1",
     "@shy-plugins/utils": "1.0.0-next.1"
   },
   "types": "es/ui/index.d.ts",