3h1-ui 2.14.75 → 2.14.76

package/es/index.js

@@ -10334,7 +10334,6 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   emits: ["change", "delete", "preview-delete", "update:value"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "BasicUpload" });
     const attrs = useAttrs$2();
     const { t: t2 } = useI18n$1();
     const [registerUploadModal, { openModal: openUploadModal }] = useModal();
@@ -10443,7 +10442,6 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   emits: ["change", "update:value", "delete"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "ImageUpload" });
     const { t: t2 } = useI18n$1();
     const { createMessage } = useMessage();
     const { accept, helpText, maxNumber, maxSize } = toRefs(props2);
@@ -24413,13 +24411,49 @@ const basicContainerProps = reactive({
   title: {
     type: String
   },
+  isShowHeader: {
+    type: Boolean,
+    default: true
+  },
+  isShowFooter: {
+    type: Boolean,
+    default: true
+  },
+  isShowBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSaveBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSubmitBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowCancelBtn: {
+    type: Boolean,
+    default: true
+  },
+  saveBtnText: {
+    type: String,
+    default: "保存"
+  },
   submitBtnText: {
     type: String,
     default: "提交"
   },
   cancelBtnText: {
     type: String,
-    default: "返回"
+    default: "取消"
+  },
+  cancelAlign: {
+    type: String,
+    default: "left"
+  },
+  footerAlign: {
+    type: String,
+    default: "right"
   }
 });
 const setDefaultConfig$1 = (config) => {
@@ -24431,10 +24465,18 @@ const _sfc_main$1 = defineComponent({
     ArrowLeftOutlined: ArrowLeftOutlined$1
   },
   props: basicContainerProps,
-  emit: ["submit", "cancel"],
+  emits: ["submit", "cancel", "save"],
   setup(props2, { emit }) {
     const { prefixCls: prefixCls2 } = useDesign$1("basic-container");
+    const cancelAlignRef = computed(() => {
+      return `${prefixCls2}-footer-cancel-${props2.cancelAlign}`;
+    });
+    const footerAlignRef = computed(() => {
+      return `${prefixCls2}-footer-${props2.footerAlign}`;
+    });
     return {
+      cancelAlignRef,
+      footerAlignRef,
       prefixCls: prefixCls2,
       emit
     };
@@ -24447,7 +24489,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.prefixCls)
   }, [
-    createElementVNode("div", {
+    _ctx.isShowHeader ? (openBlock(), createElementBlock("div", {
+      key: 0,
       class: normalizeClass(`${_ctx.prefixCls}-header`)
     }, [
       createElementVNode("div", {
@@ -24457,7 +24500,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
-          createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `14px` } })
+          createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
         ], 2),
         createElementVNode("div", {
           class: normalizeClass(`${_ctx.prefixCls}-header-title-text`)
@@ -24468,34 +24511,58 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "extra")
       ], 2)
-    ], 2),
+    ], 2)) : createCommentVNode("", true),
     createElementVNode("div", {
       class: normalizeClass(`${_ctx.prefixCls}-content`)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2),
-    createElementVNode("div", {
-      class: normalizeClass(`${_ctx.prefixCls}-footer`)
+    _ctx.isShowFooter ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(`${_ctx.prefixCls}-footer ${_ctx.footerAlignRef}`)
     }, [
-      renderSlot(_ctx.$slots, "buttons"),
-      createVNode(_component_Button, {
-        type: "primary",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("submit"))
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.submitBtnText), 1)
-        ]),
-        _: 1
-      }),
-      createVNode(_component_Button, {
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("cancel"))
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.cancelBtnText), 1)
-        ]),
-        _: 1
-      })
-    ], 2)
+      _ctx.isShowBtn ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`${_ctx.prefixCls}-footer-buttons ${_ctx.cancelAlignRef}`)
+      }, [
+        _ctx.isShowCancelBtn ? (openBlock(), createBlock(_component_Button, {
+          key: 0,
+          class: normalizeClass(`${_ctx.prefixCls}-footer-cancel-button`),
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("cancel"))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.cancelBtnText), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(`${_ctx.prefixCls}-footer-fn-buttons`)
+        }, [
+          _ctx.isShowSaveBtn ? (openBlock(), createBlock(_component_Button, {
+            key: 0,
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("save"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.saveBtnText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          _ctx.isShowSubmitBtn ? (openBlock(), createBlock(_component_Button, {
+            key: 1,
+            type: "primary",
+            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.emit("submit"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.submitBtnText), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "buttons")
+        ], 2)
+      ], 2)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "footer")
+    ], 2)) : createCommentVNode("", true)
   ], 2);
 }
 const BasicContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);

package/es/style.css

@@ -31766,8 +31766,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   height: 100%;
   display: flex;
   flex-direction: column;
-  padding: 16px 0;
-  overflow: auto;
+  overflow: hidden;
   background: #fff;
 }
 .shy-basic-container-header {
@@ -31775,14 +31774,16 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   width: 100%;
   height: fit-content;
   align-items: center;
-  padding: 0 16px;
+  padding: 10px;
+  border-bottom: 1px solid #eaeaea;
+  gap: 8px;
 }
 .shy-basic-container-header-title {
   display: flex;
   align-items: center;
+  gap: 16px;
 }
 .shy-basic-container-header-title-icon {
-  margin-right: 14px;
   cursor: pointer;
 }
 .shy-basic-container-header-title-text {
@@ -31793,13 +31794,40 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   display: flex;
   flex-direction: column;
   flex: 1;
+  overflow: auto;
 }
 .shy-basic-container-footer {
+  padding: 10px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  gap: 16px;
-  padding: 0 16px;
+  gap: 8px;
+  border-top: 1px solid #eaeaea;
+}
+.shy-basic-container-footer-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.shy-basic-container-footer-fn-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.shy-basic-container-footer-left {
+  justify-content: flex-start;
+}
+.shy-basic-container-footer-center {
+  justify-content: center;
+}
+.shy-basic-container-footer-right {
+  justify-content: flex-end;
+}
+.shy-basic-container-footer-cancel-left {
+  flex-direction: row;
+}
+.shy-basic-container-footer-cancel-right {
+  flex-direction: row-reverse;
 }[data-v-b1ced086] .ant-descriptions-item-content {
   padding: 0 !important;
   flex: 1;

package/lib/index.js

@@ -10336,7 +10336,6 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   emits: ["change", "delete", "preview-delete", "update:value"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "BasicUpload" });
     const attrs = vue.useAttrs();
     const { t: t2 } = use.useI18n();
     const [registerUploadModal, { openModal: openUploadModal }] = useModal();
@@ -10445,7 +10444,6 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   emits: ["change", "update:value", "delete"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "ImageUpload" });
     const { t: t2 } = use.useI18n();
     const { createMessage } = use.useMessage();
     const { accept, helpText, maxNumber, maxSize } = vue.toRefs(props2);
@@ -24415,13 +24413,49 @@ const basicContainerProps = vue.reactive({
   title: {
     type: String
   },
+  isShowHeader: {
+    type: Boolean,
+    default: true
+  },
+  isShowFooter: {
+    type: Boolean,
+    default: true
+  },
+  isShowBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSaveBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSubmitBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowCancelBtn: {
+    type: Boolean,
+    default: true
+  },
+  saveBtnText: {
+    type: String,
+    default: "保存"
+  },
   submitBtnText: {
     type: String,
     default: "提交"
   },
   cancelBtnText: {
     type: String,
-    default: "返回"
+    default: "取消"
+  },
+  cancelAlign: {
+    type: String,
+    default: "left"
+  },
+  footerAlign: {
+    type: String,
+    default: "right"
   }
 });
 const setDefaultConfig$1 = (config) => {
@@ -24433,10 +24467,18 @@ const _sfc_main$1 = vue.defineComponent({
     ArrowLeftOutlined: ArrowLeftOutlined$1
   },
   props: basicContainerProps,
-  emit: ["submit", "cancel"],
+  emits: ["submit", "cancel", "save"],
   setup(props2, { emit }) {
     const { prefixCls: prefixCls2 } = use.useDesign("basic-container");
+    const cancelAlignRef = vue.computed(() => {
+      return `${prefixCls2}-footer-cancel-${props2.cancelAlign}`;
+    });
+    const footerAlignRef = vue.computed(() => {
+      return `${prefixCls2}-footer-${props2.footerAlign}`;
+    });
     return {
+      cancelAlignRef,
+      footerAlignRef,
       prefixCls: prefixCls2,
       emit
     };
@@ -24449,7 +24491,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.prefixCls)
   }, [
-    vue.createElementVNode("div", {
+    _ctx.isShowHeader ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
       class: vue.normalizeClass(`${_ctx.prefixCls}-header`)
     }, [
       vue.createElementVNode("div", {
@@ -24459,7 +24502,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
-          vue.createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `14px` } })
+          vue.createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
         ], 2),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-text`)
@@ -24470,34 +24513,58 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.renderSlot(_ctx.$slots, "extra")
       ], 2)
-    ], 2),
+    ], 2)) : vue.createCommentVNode("", true),
     vue.createElementVNode("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-content`)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2),
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(`${_ctx.prefixCls}-footer`)
+    _ctx.isShowFooter ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 1,
+      class: vue.normalizeClass(`${_ctx.prefixCls}-footer ${_ctx.footerAlignRef}`)
     }, [
-      vue.renderSlot(_ctx.$slots, "buttons"),
-      vue.createVNode(_component_Button, {
-        type: "primary",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("submit"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.submitBtnText), 1)
-        ]),
-        _: 1
-      }),
-      vue.createVNode(_component_Button, {
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("cancel"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.cancelBtnText), 1)
-        ]),
-        _: 1
-      })
-    ], 2)
+      _ctx.isShowBtn ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(`${_ctx.prefixCls}-footer-buttons ${_ctx.cancelAlignRef}`)
+      }, [
+        _ctx.isShowCancelBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+          key: 0,
+          class: vue.normalizeClass(`${_ctx.prefixCls}-footer-cancel-button`),
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("cancel"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.cancelBtnText), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-footer-fn-buttons`)
+        }, [
+          _ctx.isShowSaveBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+            key: 0,
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("save"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.saveBtnText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          _ctx.isShowSubmitBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+            key: 1,
+            type: "primary",
+            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.emit("submit"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.submitBtnText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "buttons")
+        ], 2)
+      ], 2)) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "footer")
+    ], 2)) : vue.createCommentVNode("", true)
   ], 2);
 }
 const BasicContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "2.14.75",
+  "version": "2.14.76",
   "description": "",
   "module": "es/index.js",
   "main": "lib/index.js",