cosey 0.4.52 → 0.4.53

package/components/form-group/form-group.d.ts

@@ -1,7 +1,7 @@
 import { type SpaceProps } from 'element-plus';
-export interface FormGroupProps extends Partial<SpaceProps> {
+export interface FormGroupProps extends Partial<Omit<SpaceProps, 'class' | 'style'>> {
     title?: string;
-    borderStyle?: 'none' | 'solid' | 'dashed';
+    borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted';
     position?: 'left' | 'right' | 'center';
     collapsible?: boolean;
     collapsed?: boolean;

package/components/form-group/form-group.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, withDirectives, createElementVNode, normalizeStyle, createBlock, createTextVNode, toDisplayString, createVNode, mergeProps, withCtx, renderSlot, vShow } from 'vue';
+import { defineComponent, ref, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withDirectives, createElementVNode, createBlock, createTextVNode, toDisplayString, createVNode, mergeProps, withCtx, renderSlot, vShow } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import stdin_default$2 from '../icon/icon.vue.js';
 import stdin_default$1 from './style/index.js';
@@ -35,14 +35,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
       type: String,
       required: false
     },
-    class: {
-      type: null,
-      required: false
-    },
-    style: {
-      type: null,
-      required: false
-    },
     alignment: {
       type: null,
       required: false,
@@ -80,6 +72,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     emit: __emit
   }) {
     const props = __props;
+    console.log(props);
     const emit = __emit;
     const {
       prefixCls
@@ -89,6 +82,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     } = stdin_default$1(prefixCls);
     const spaceProps = reactiveOmit(props, ["title", "borderStyle", "position", "collapsible", "collapsed"]);
     const innerCollapsed = ref(false);
+    const isBordered = computed(() => !!props.title);
     watch(() => props.collapsed, () => {
       innerCollapsed.value = !!props.collapsed;
     }, {
@@ -104,9 +98,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
       const _component_el_space = resolveComponent("el-space");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(hashId), unref(prefixCls), {
-          "is-bordered": !!_ctx.title,
+          "is-bordered": isBordered.value,
           "is-collapsed": innerCollapsed.value
-        }])
+        }]),
+        style: normalizeStyle({
+          borderStyle: isBordered.value ? props.borderStyle : void 0
+        })
       }, [_ctx.title ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass([`${unref(prefixCls)}-title`, `is-${_ctx.position}`])
@@ -134,8 +131,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         _: 3
         /* FORWARDED */
       }, 16
-      /* FULL_PROPS */), [[vShow, !innerCollapsed.value]])], 2
-      /* CLASS */);
+      /* FULL_PROPS */), [[vShow, !innerCollapsed.value]])], 6
+      /* CLASS, STYLE */);
     };
   }
 });

package/components/form-group/style/index.js

@@ -6,10 +6,9 @@ var stdin_default = getSimpleStyleHook("FromGroup", (token) => {
     [componentCls]: {
       "&.is-bordered": {
         position: "relative",
-        marginBlockStart: token.marginSM,
+        marginBlock: token.marginLG,
+        padding: token.paddingMD,
         paddingBlockStart: token.paddingLG,
-        paddingBlockEnd: token.paddingMD,
-        paddingInline: token.paddingMD,
         border: `${token.lineWidth} ${token.lineType} ${token.colorBorder}`,
         borderRadius: token.borderRadius,
         "&.is-collapsed": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.4.52",
+  "version": "0.4.53",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",